:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0b0d0c;--color-bg-elevated:#111411;--color-surface:#151815;--color-surface-strong:#1c201c;--color-glass:#161a16b8;--color-glass-light:#fff1;--color-text:#f4f6ef;--color-text-soft:#b2b8ad;--color-muted:#787f75;--color-line:#f4f6ef1f;--color-line-strong:#f4f6ef38;--color-accent:#d7ff64;--color-accent-ink:#172000;--color-accent-soft:color-mix(in srgb, var(--color-accent) 8%, transparent);--color-accent-text:var(--color-accent);--color-accent-border:color-mix(in srgb, var(--color-accent) 22%, transparent);--color-on-accent-muted:color-mix(in srgb, var(--color-accent-ink) 66%, transparent);--color-control:#ffffff0b;--color-control-hover:#ffffff17;--color-surface-translucent:#151815d1;--color-sidebar:#0e100e;--color-grid:#ffffff05;--color-chart-grid:#ffffff14;--color-toast:#191d18f0;--color-outline:#f4f6ef8c;--color-skeleton-base:#ffffff09;--color-skeleton-highlight:#ffffff16;--color-orange:#ff7849;--color-success:#86dfa4;--color-warning:#ffc65c;--color-error:#ff857c;--color-danger-ink:#250604;--color-info:#8bc7ff;--font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:clamp(1.25rem, 1.6vw, 1.5rem);--text-2xl:clamp(1.75rem, 3vw, 2.5rem);--text-display:clamp(3rem, 7.4vw, 7.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.625rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-pill:999px;--shadow-glass:0 24px 80px #0000004d, inset 0 1px 0 #ffffff14;--shadow-accent:0 10px 32px color-mix(in srgb, var(--color-accent) 14%, transparent);--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.16s;--duration-base:.28s;--sidebar-width:248px;--content-max:1440px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f3f4ee;--color-bg-elevated:#fafbf6;--color-surface:#fff;--color-surface-strong:#e9ece3;--color-glass:#fafcf6cc;--color-glass-light:#1219100b;--color-text:#171b16;--color-text-soft:#4e574b;--color-muted:#737d6d;--color-line:#171b161f;--color-line-strong:#171b1638;--color-accent-text:color-mix(in srgb, var(--color-accent) 55%, #18200f);--color-on-accent-muted:color-mix(in srgb, var(--color-accent-ink) 66%, transparent);--color-control:#1219100b;--color-control-hover:#12191016;--color-surface-translucent:#ffffffdb;--color-sidebar:#fafbf6;--color-grid:#171b1609;--color-chart-grid:#171b161a;--color-toast:#fffffff5;--color-outline:#171b166b;--color-skeleton-base:#1219100b;--color-skeleton-highlight:#12191017;--color-orange:#c94f25;--color-success:#197544;--color-warning:#8a5a00;--color-error:#b8322b;--color-danger-ink:#fff;--color-info:#236b9b;--shadow-glass:0 24px 70px #2630201f, inset 0 1px 0 #fffc}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);min-width:320px;min-height:100vh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--color-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid) 1px, transparent 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{flex:none;display:block}h1,h2,h3,h4,p{margin:0}ul{margin:0;padding:0;list-style:none}::selection{color:var(--color-accent-ink);background:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.skip-link{z-index:1000;color:var(--color-accent-ink);background:var(--color-accent);border-radius:var(--radius-sm);padding:10px 16px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.main-content{min-width:0}.page-container{width:min(100%, var(--content-max));padding:var(--space-8);margin:0 auto}.page-stack{gap:var(--space-6);animation:page-in .48s var(--ease-out) both;display:grid}.page-stack--compact{gap:var(--space-4)}.grid{gap:var(--space-4);display:grid}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.cluster{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.cluster--between{justify-content:space-between}.stack{gap:var(--space-3);display:grid}.stack--lg{gap:var(--space-6)}.spacer{flex:1}.muted{color:var(--color-muted)}.soft{color:var(--color-text-soft)}.accent{color:var(--color-accent-text)}.error-text{color:var(--color-error)}.mono{font-family:var(--font-mono);letter-spacing:-.03em}.caption{color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.04em}.eyebrow{color:var(--color-accent-text);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;display:flex}.eyebrow:before{content:"";background:currentColor;width:20px;height:1px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.glass{background:var(--color-glass);border:1px solid var(--color-line);box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(24px)saturate(130%);backdrop-filter:blur(24px)saturate(130%)}.surface{background:var(--color-surface-translucent);border:1px solid var(--color-line);border-radius:var(--radius-lg)}.surface--solid{background:var(--color-surface)}.surface--accent{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent)}.card{padding:var(--space-6);border-radius:var(--radius-lg)}.card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.card-title{font-size:var(--text-lg);letter-spacing:-.025em;font-weight:650}.card-subtitle{color:var(--color-muted);font-size:var(--text-sm);margin-top:4px}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-weight:750;display:inline-flex}.brand__mark{width:34px;height:34px;color:var(--color-accent-ink);background:var(--color-accent);border-radius:10px;place-items:center;display:grid;transform:rotate(-5deg)}.brand__mark svg{transform:rotate(5deg)}.brand__name{font-size:18px}.brand__suffix{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.12em;margin-left:4px;font-size:10px;font-weight:500}.page-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-6);padding:var(--space-2) 0 var(--space-3);display:flex}.page-heading__copy{gap:10px;display:grid}.page-heading h1{letter-spacing:-.04em;max-width:900px;font-size:clamp(2rem,3vw,2.75rem);font-weight:650;line-height:1.12}.page-heading p{max-width:620px;color:var(--color-text-soft);font-size:var(--text-sm)}.page-heading__index{color:var(--color-muted);font-family:var(--font-mono);font-size:11px}.kinetic-char{animation:char-in .65s var(--ease-out) both;animation-delay:calc(var(--char-index) * 32ms);display:inline-block}.admin-layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.admin-sidebar{background:var(--color-sidebar);border-right:1px solid var(--color-line);z-index:20;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.admin-sidebar .brand{padding:0 10px 28px}.admin-nav{gap:6px;display:grid}.admin-nav__label{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.12em;padding:18px 12px 8px;font-size:10px}.admin-nav__item{width:100%;min-height:46px;color:var(--color-text-soft);cursor:pointer;text-align:left;transition:color var(--duration-fast), background var(--duration-fast), transform var(--duration-fast);background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:0 12px;font-family:inherit;font-size:14px;display:flex;position:relative}.admin-nav__item[data-action=logout]{border-top:1px solid var(--color-line);border-radius:0 0 12px 12px;min-height:52px;margin-top:10px;padding-top:10px}.admin-nav__item:hover{color:var(--color-text);background:var(--color-glass-light);transform:translate(2px)}.admin-nav__item.is-active{color:var(--color-accent-text);background:var(--color-accent-soft)}.admin-nav__item.is-active:after{content:"";background:var(--color-accent);border-radius:50%;width:5px;height:5px;position:absolute;right:10px}.admin-sidebar__foot{border-top:1px solid var(--color-line);margin-top:auto;padding:16px 10px 0}.admin-main{min-width:0}.admin-topbar{z-index:15;border-bottom:1px solid var(--color-line);align-items:center;gap:20px;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.admin-topbar__search{width:min(380px,40vw)}.admin-topbar .admin-menu-button{display:none}.h5-shell{min-height:100vh}.h5-header{z-index:20;border-bottom:1px solid var(--color-line);align-items:center;gap:40px;height:78px;padding:0 max(32px,50vw - 688px);display:flex;position:sticky;top:0}.h5-nav{align-items:center;gap:4px;display:flex}.h5-nav__item{color:var(--color-text-soft);border-radius:var(--radius-pill);transition:all var(--duration-fast);padding:10px 14px;font-size:14px}.h5-nav__item:hover{color:var(--color-text)}.h5-nav__item.is-active{color:var(--color-accent-ink);background:var(--color-accent)}.h5-header__actions{margin-left:auto}.h5-bottom-nav{display:none}.mini-preview{grid-template-columns:minmax(220px,1fr) 430px minmax(220px,1fr);align-items:center;gap:40px;min-height:100vh;padding:32px;display:grid;overflow:hidden}.mini-preview__intro{justify-self:end;max-width:280px}.mini-preview__intro h1{letter-spacing:-.07em;margin:16px 0;font-size:clamp(42px,5vw,76px);line-height:.9}.mini-preview__intro p{color:var(--color-text-soft);font-size:14px}.mini-page-index{justify-self:start;width:min(100%,250px)}.mini-page-index__title{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.12em;margin-bottom:16px;font-size:11px}.mini-page-index__item{width:100%;color:var(--color-text-soft);border:0;border-bottom:1px solid var(--color-line);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.mini-page-index__item.is-active{color:var(--color-accent-text)}.mini-device{background:#242824;border:1px solid #3c423a;border-radius:42px;width:410px;height:min(850px,100vh - 64px);min-height:660px;padding:10px;position:relative;box-shadow:0 40px 100px #0000008c,inset 0 0 0 1px #ffffff0f}.mini-device:before{content:"";z-index:30;background:#090a09;border-radius:20px;width:90px;height:25px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.mini-screen{background:var(--color-bg);scrollbar-width:none;border-radius:33px;height:100%;position:relative;overflow:hidden auto}.mini-screen::-webkit-scrollbar{display:none}.mini-page{min-height:100%;animation:page-in .42s var(--ease-out) both;padding:58px 18px 104px}.mini-page--no-nav{padding-bottom:32px}.mini-topbar{justify-content:space-between;align-items:center;min-height:36px;margin-bottom:20px;display:flex}.mini-topbar__title{font-size:15px;font-weight:650}.mini-capsule{border:1px solid var(--color-line);color:var(--color-text-soft);border-radius:20px;align-items:center;gap:8px;padding:6px 10px;display:flex}.mini-bottom-nav{z-index:10;padding:10px 8px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--color-line);border-radius:0 0 33px 33px;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:10px;left:10px;right:10px}.mini-bottom-nav__item{color:var(--color-muted);justify-items:center;gap:4px;font-size:10px;display:grid}.mini-bottom-nav__item.is-active{color:var(--color-accent-text)}.mini-bottom-nav__upload{width:42px;height:42px;color:var(--color-accent-ink);background:var(--color-accent);border:5px solid var(--color-bg);border-radius:50%;place-items:center;margin:-22px auto 0;display:grid}.prototype-dock{z-index:60;border-radius:16px;align-items:center;gap:6px;max-width:calc(100vw - 40px);padding:7px;display:flex;position:fixed;bottom:20px;right:20px}.prototype-dock__label{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.1em;padding:0 7px;font-size:10px}.prototype-dock__platform{height:36px;color:var(--color-text-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:0 11px;font-size:12px;display:flex}.prototype-dock__platform.is-active{color:var(--color-accent-ink);background:var(--color-accent)}.prototype-dock__divider{background:var(--color-line);width:1px;height:24px;margin:0 3px}.prototype-dock__select{height:36px;color:var(--color-text);background:var(--color-surface-strong);border:1px solid var(--color-line);cursor:pointer;border-radius:10px;padding:0 28px 0 10px;font-size:12px}.prototype-dock__modal{width:36px;height:36px;color:var(--color-text);border:1px solid var(--color-line);cursor:pointer;background:0 0;border-radius:10px;place-items:center;display:grid}.prototype-dock__appearance{width:auto;color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent);gap:6px;padding:0 10px;font-size:12px;font-weight:650;display:flex}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes char-in{0%{opacity:0;transform:translateY(.6em)rotate(4deg)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}@keyframes modal-in{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.button{cursor:pointer;white-space:nowrap;min-height:42px;transition:transform var(--duration-fast), background var(--duration-fast), border-color var(--duration-fast), box-shadow var(--duration-fast);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:650;line-height:1;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)scale(.98)}.button--primary{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-accent)}.button--secondary{color:var(--color-text);background:var(--color-glass-light);border-color:var(--color-line)}.button--secondary:hover{border-color:var(--color-line-strong);background:#ffffff1a}.button--ghost{color:var(--color-text-soft);background:0 0}.button--ghost:hover{color:var(--color-text);background:var(--color-glass-light)}.button--danger{color:#250604;background:var(--color-error);border-color:var(--color-error)}.button--wechat{color:#061b0e;background:#7ee2a0;border-color:#7ee2a0}.button--block{width:100%}.button[disabled]{opacity:.45;cursor:not-allowed;transform:none}.icon-button{width:40px;height:40px;color:var(--color-text-soft);border:1px solid var(--color-line);cursor:pointer;transition:all var(--duration-fast);background:#ffffff0a;border-radius:12px;place-items:center;padding:0;display:inline-grid}.icon-button:hover{color:var(--color-text);border-color:var(--color-line-strong);background:#ffffff17}.icon-button--plain{background:0 0;border-color:#0000}.text-button{color:var(--color-accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.text-button:hover .icon{transform:translate(3px)}.text-button .icon{transition:transform var(--duration-fast)}.badge{width:fit-content;color:var(--color-text-soft);border:1px solid var(--color-line);border-radius:var(--radius-pill);white-space:nowrap;background:#ffffff0d;align-items:center;gap:6px;padding:5px 9px;font-size:11px;line-height:1;display:inline-flex}.badge__dot{background:currentColor;border-radius:50%;width:5px;height:5px}.badge--success{color:var(--color-success);background:#86dfa412;border-color:#86dfa42e}.badge--warning{color:var(--color-warning);background:#ffc65c12;border-color:#ffc65c2e}.badge--error{color:var(--color-error);background:#ff857c12;border-color:#ff857c2e}.badge--accent{color:var(--color-accent);background:#d7ff6412;border-color:#d7ff642e}.badge--info{color:var(--color-info);background:#8bc7ff12;border-color:#8bc7ff2e}.tag{color:var(--color-text-soft);border:1px solid var(--color-line);background:#ffffff0a;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;display:inline-flex}.avatar{object-fit:cover;background:var(--color-surface-strong);border:1px solid var(--color-line-strong);border-radius:50%;flex:none}.avatar--sm{width:32px;height:32px}.avatar--md{width:42px;height:42px}.avatar--lg{width:72px;height:72px}.avatar--xl{width:104px;height:104px}.avatar--fallback{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent);text-transform:uppercase;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.avatar--lg.avatar--fallback,.avatar--xl.avatar--fallback{font-size:30px}.avatar.is-broken{color:var(--color-accent-ink);background:var(--color-accent);justify-content:center;align-items:center;display:inline-flex}.field{gap:8px;display:grid}.field__label{color:var(--color-text-soft);justify-content:space-between;font-size:13px;font-weight:550;display:flex}.field__label small{color:var(--color-muted);font-weight:400}.field__control{align-items:center;display:flex;position:relative}.field__control>.icon{color:var(--color-muted);pointer-events:none;position:absolute;left:14px}.input,.select,.textarea{width:100%;color:var(--color-text);border:1px solid var(--color-line);transition:border-color var(--duration-fast), background var(--duration-fast), box-shadow var(--duration-fast);background:#ffffff09;border-radius:12px;outline:0}.input,.select{height:46px;padding:0 14px}.textarea{resize:vertical;min-height:116px;padding:13px 14px}.field__control>.icon+.input{padding-left:42px}.input::placeholder,.textarea::placeholder{color:var(--color-muted)}.input--error{border-color:var(--color-error)}.field__hint{color:var(--color-muted);font-size:11px}.field__error{color:var(--color-error);align-items:center;gap:6px;font-size:12px;display:flex}.select{appearance:none;cursor:pointer}.select option{color:var(--color-text);background:var(--color-surface)}.select-wrap{position:relative}.select-wrap>.icon{color:var(--color-muted);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.form-grid__full{grid-column:1/-1}.form-actions{border-top:1px solid var(--color-line);justify-content:flex-end;gap:12px;padding-top:20px;display:flex}.checkbox{color:var(--color-text-soft);cursor:pointer;align-items:center;gap:9px;font-size:13px;display:inline-flex}.checkbox input{width:16px;height:16px;accent-color:var(--color-accent)}.switch{cursor:pointer;width:42px;height:24px;transition:background var(--duration-fast);background:#343a32;border:0;border-radius:20px;padding:0;position:relative}.switch:after{content:"";background:var(--color-text);width:18px;height:18px;transition:transform var(--duration-fast);border-radius:50%;position:absolute;top:3px;left:3px}.switch.is-on{background:var(--color-accent)}.switch.is-on:after{background:var(--color-accent-ink);transform:translate(18px)}.search-box{align-items:center;display:flex;position:relative}.search-box>.icon{color:var(--color-muted);position:absolute;left:14px}.search-box .input{background:#ffffff09;padding-left:42px}.search-box--compact .input{height:40px}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.filter-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-chip{min-height:34px;color:var(--color-text-soft);border:1px solid var(--color-line);border-radius:var(--radius-pill);cursor:pointer;background:0 0;padding:0 13px;font-size:12px}.filter-chip:hover,.filter-chip.is-active{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent)}.segmented{border:1px solid var(--color-line);background:#ffffff0a;border-radius:11px;padding:3px;display:inline-flex}.segmented button{min-height:32px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 11px;font-size:12px;display:inline-flex}.segmented button.is-active{color:var(--color-text);background:var(--color-surface-strong)}.stat-card{min-height:156px;padding:22px;position:relative;overflow:hidden}.stat-card__top{color:var(--color-text-soft);justify-content:space-between;align-items:center;font-size:12px;display:flex}.stat-card__icon{width:36px;height:36px;color:var(--color-accent);background:#d7ff6412;border:1px solid #d7ff6424;border-radius:11px;place-items:center;display:grid}.stat-card__value{font-family:var(--font-mono);letter-spacing:-.06em;margin-top:22px;font-size:clamp(28px,3vw,40px);font-weight:650;line-height:1}.stat-card__foot{color:var(--color-muted);align-items:center;gap:6px;margin-top:12px;font-size:11px;display:flex}.stat-card__delta{color:var(--color-success)}.stat-card--accent{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent)}.stat-card--accent .stat-card__delta{color:var(--color-accent-ink)}.progress{background:#ffffff14;border-radius:10px;height:7px;overflow:hidden}.progress__bar{background:var(--color-accent);border-radius:inherit;height:100%;transition:width .7s var(--ease-out)}.progress--warning .progress__bar{background:var(--color-warning)}.progress--error .progress__bar{background:var(--color-error)}.progress-meta{color:var(--color-text-soft);justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.data-table-wrap{border-radius:var(--radius-lg);contain:inline-size;width:100%;min-width:0;max-width:100%;overflow:auto}.card:has(>.data-table-wrap){min-width:0;overflow:hidden}.card>.data-table-wrap{display:block}.data-table{border-collapse:collapse;width:100%;min-width:880px}.data-table th{color:var(--color-muted);border-bottom:1px solid var(--color-line);font-family:var(--font-mono);letter-spacing:.08em;text-align:left;text-transform:uppercase;background:#ffffff06;padding:14px 18px;font-size:10px;font-weight:500}.data-table td{border-bottom:1px solid var(--color-line);color:var(--color-text-soft);vertical-align:middle;padding:17px 18px;font-size:13px}.data-table tbody tr{transition:background var(--duration-fast)}.data-table tbody tr:hover{background:#ffffff06}.data-table tbody tr:last-child td{border-bottom:0}.table-tenant{align-items:center;gap:12px;min-width:180px;display:flex}.table-tenant__mark{width:38px;height:38px;color:var(--color-accent);font-family:var(--font-mono);background:#d7ff6412;border:1px solid #d7ff641f;border-radius:11px;place-items:center;font-size:12px;display:grid}.table-tenant__name{color:var(--color-text);font-weight:600}.table-tenant__id{color:var(--color-muted);font-family:var(--font-mono);margin-top:2px;font-size:10px}.table-storage{min-width:130px}.table-storage__meta{white-space:nowrap;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:11px;display:flex}.data-table--tenants{min-width:1120px}.table-actions{align-items:center;gap:4px;display:flex}.table-actions .icon-button{background:0 0;border-color:#0000;width:32px;height:32px}.pagination{color:var(--color-muted);border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;padding:16px 18px;font-size:12px;display:flex}.pagination__pages{gap:5px;display:flex}.pagination__page{width:30px;height:30px;color:var(--color-text-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;display:grid}.pagination__page.is-active{color:var(--color-accent-ink);background:var(--color-accent)}.photo-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);position:relative;overflow:hidden}.photo-card__media{aspect-ratio:4/3;background:var(--color-surface-strong);position:relative;overflow:hidden}.photo-card__preview{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.photo-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .65s var(--ease-out), filter .3s;display:block}.photo-card:hover .photo-card__media img{transform:scale(1.045)}.photo-card__overlay{opacity:0;pointer-events:none;transition:opacity var(--duration-base);background:linear-gradient(#00000059,#0000 40%);justify-content:flex-end;align-items:flex-start;padding:12px;display:flex;position:absolute;inset:0}.photo-card__overlay .icon-button{color:#f4f6ef;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#0c100c7a;border-color:#ffffff42}.photo-card__overlay .icon-button:hover{background:#0c100cb8}.photo-card:hover .photo-card__overlay,.photo-card:focus-within .photo-card__overlay{opacity:1}.photo-card__body{gap:10px;padding:16px;display:grid}.photo-card__title{letter-spacing:-.02em;font-size:15px;font-weight:600}.photo-card__meta{color:var(--color-muted);justify-content:space-between;gap:10px;font-size:11px;display:flex}.photo-card--portrait .photo-card__media{aspect-ratio:3/4}.photo-card--tall .photo-card__media{aspect-ratio:4/5}.collection-card{border:1px solid var(--color-line);border-radius:var(--radius-lg);isolation:isolate;min-height:280px;position:relative;overflow:hidden}.collection-card img{z-index:-2;object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out);position:absolute;inset:0}.collection-card:after{content:"";z-index:-1;background:linear-gradient(#05070505 20%,#050705f0);position:absolute;inset:0}.collection-card:hover img{transform:scale(1.05)}.collection-card__content{gap:10px;padding:20px;display:grid;position:absolute;bottom:0;left:0;right:0}.collection-card__title{letter-spacing:-.04em;font-size:22px;font-weight:650}.collection-card__meta{color:#d4d9ce;justify-content:space-between;align-items:center;font-size:12px;display:flex}.collection-card__status{position:absolute;top:14px;left:14px}.definition-list{display:grid}.definition-row{border-bottom:1px solid var(--color-line);grid-template-columns:140px 1fr;gap:20px;padding:15px 0;font-size:13px;display:grid}.definition-row:last-child{border-bottom:0}.definition-row dt{color:var(--color-muted)}.definition-row dd{color:var(--color-text);text-align:right;margin:0}.activity-list{display:grid}.activity-item{border-bottom:1px solid var(--color-line);grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid;position:relative}.activity-item:last-child{border:0}.activity-item__icon{width:36px;height:36px;color:var(--color-text-soft);background:#ffffff0a;border-radius:10px;place-items:center;display:grid}.activity-item__title{color:var(--color-text-soft);font-size:12px}.activity-item__time{color:var(--color-muted);font-family:var(--font-mono);font-size:10px}.state-page{gap:24px;min-height:560px;padding:40px;display:grid}.state-page--message{text-align:center;place-content:center;justify-items:center;min-height:65vh}.state-page--message h2{font-size:var(--text-2xl);letter-spacing:-.04em}.state-page--message p{max-width:400px;color:var(--color-text-soft)}.state-illustration{width:92px;height:92px;color:var(--color-accent);background:#d7ff640f;border:1px solid #d7ff6426;border-radius:28px;place-items:center;margin-bottom:6px;display:grid;transform:rotate(-5deg)}.state-illustration--error{color:var(--color-error);background:#ff857c0f;border-color:#ff857c26}.state-page__loading{color:var(--color-muted);justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.spinner{border:2px solid var(--color-line-strong);border-top-color:var(--color-accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.skeleton{background:linear-gradient(90deg,#ffffff09 25%,#ffffff16 50%,#ffffff09 75%) 0 0/200% 100%;border-radius:14px;animation:1.6s linear infinite shimmer}.skeleton--title{width:42%;height:58px}.skeleton-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.skeleton--card{height:150px}.skeleton--panel{height:260px}.toast-root{z-index:120;pointer-events:none;gap:10px;width:min(400px,100vw - 32px);display:grid;position:fixed;top:22px;left:50%;transform:translate(-50%)}.toast{color:var(--color-text);border:1px solid var(--color-line-strong);box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:toast-in .32s var(--ease-out) both;background:#191d18f0;border-radius:14px;align-items:center;gap:10px;padding:14px 16px;font-size:13px;display:flex}.toast .icon{color:var(--color-success)}.toast--error .icon{color:var(--color-error)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(460px,100%);animation:modal-in .32s var(--ease-out) both;border-radius:24px;padding:24px}.modal__top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal__symbol{width:48px;height:48px;color:var(--color-accent);background:#d7ff6412;border-radius:14px;place-items:center;display:grid}.modal__symbol--danger{color:var(--color-error);background:#ff857c12}.modal h2{letter-spacing:-.04em;font-size:24px}.modal__description{color:var(--color-text-soft);margin-top:10px;font-size:14px;line-height:1.7}.modal__actions{border-top:1px solid var(--color-line);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;display:flex}.chart{min-height:240px;position:relative}.chart svg{width:100%;height:auto;overflow:visible}.chart__grid{stroke:#ffffff14;stroke-width:1px}.chart__line{fill:none;stroke:var(--color-accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart__area{fill:#d7ff6412;stroke:none}.chart__labels{color:var(--color-muted);font-family:var(--font-mono);justify-content:space-between;margin-top:12px;font-size:10px;display:flex}.bar-chart{align-items:flex-end;gap:9px;height:150px;padding-top:20px;display:flex}.bar-chart__item{flex:1;align-items:end;gap:8px;height:100%;display:grid}.bar-chart__bar{background:var(--color-accent);opacity:.85;border-radius:5px 5px 2px 2px;width:100%;min-height:5px}.bar-chart__item:nth-child(3n) .bar-chart__bar{background:var(--color-orange)}.bar-chart__label{color:var(--color-muted);font-family:var(--font-mono);text-align:center;font-size:9px}.button--primary:hover{background:color-mix(in srgb, var(--color-accent) 86%, white)}.button--secondary:hover,.icon-button:hover{background:var(--color-control-hover)}.icon-button,.badge,.tag,.segmented,.activity-item__icon,.input,.select,.textarea,.search-box .input{background:var(--color-control)}.input:focus,.select:focus,.textarea:focus{background:var(--color-control-hover);border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.badge--accent,.stat-card__icon,.table-tenant__mark,.state-illustration,.modal__symbol{color:var(--color-accent-text);background:var(--color-accent-soft);border-color:var(--color-accent-border)}.text-button{color:var(--color-accent-text)}.button--danger{color:var(--color-danger-ink)}.collection-card{color:#f4f6ef}.stat-card--accent .stat-card__top,.stat-card--accent .stat-card__foot{color:var(--color-on-accent-muted)}.stat-card--accent .stat-card__icon{color:var(--color-accent-ink);background:var(--color-accent-soft);border-color:var(--color-accent-border)}.progress{background:var(--color-control-hover)}.chart__grid{stroke:var(--color-chart-grid);fill:none;background:0 0}.data-table th,.data-table tbody tr:hover{background:var(--color-control)}.skeleton{background:linear-gradient(90deg, var(--color-skeleton-base) 25%, var(--color-skeleton-highlight) 50%, var(--color-skeleton-base) 75%);background-size:200% 100%}.toast{background:var(--color-toast)}.chart__grid{stroke:var(--color-chart-grid);background:0 0}.chart__area{fill:var(--color-accent-soft)}.appearance-settings{gap:24px;margin-top:22px;display:grid}.appearance-section{gap:12px;display:grid}.appearance-section__label{color:var(--color-text-soft);font-size:12px;font-weight:650}.theme-mode-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.theme-mode{color:var(--color-text-soft);background:var(--color-control);border:1px solid var(--color-line);cursor:pointer;text-align:left;transition:border-color var(--duration-fast), transform var(--duration-fast);border-radius:14px;gap:9px;padding:8px;font-size:12px;display:grid}.theme-mode:hover{border-color:var(--color-line-strong);transform:translateY(-2px)}.theme-mode.is-active{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}.theme-mode__preview{border:1px solid var(--color-line);border-radius:9px;grid-template-rows:10px 1fr;grid-template-columns:28% 1fr;gap:5px;height:64px;padding:8px;display:grid;overflow:hidden}.theme-mode__preview i{border-radius:3px;display:block}.theme-mode__preview i:first-child{grid-row:1/-1}.theme-mode__preview i:nth-child(2){width:65%}.theme-mode__preview i:nth-child(3){grid-column:2}.theme-mode__preview--light{background:#f3f4ee}.theme-mode__preview--light i{background:#d8ddd2}.theme-mode__preview--light i:nth-child(2){background:#737d6c}.theme-mode__preview--dark{background:#10130f}.theme-mode__preview--dark i{background:#2b3128}.theme-mode__preview--dark i:nth-child(2){background:#d7ff64}.accent-presets{gap:12px;display:flex}.accent-preset{background:var(--swatch);border:3px solid var(--color-surface);width:38px;height:38px;box-shadow:0 0 0 1px var(--color-line);cursor:pointer;transition:transform var(--duration-fast), box-shadow var(--duration-fast);border-radius:50%;padding:0;position:relative}.accent-preset:hover{transform:scale(1.1)}.accent-preset.is-active{box-shadow:0 0 0 2px var(--color-text)}.accent-preset.is-active:after{content:"";background:var(--color-accent-ink);border-radius:50%;width:7px;height:7px;margin:auto;position:absolute;inset:0}.custom-color{background:var(--color-control);border:1px solid var(--color-line);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;display:flex}.custom-color>span:first-child{gap:2px;display:grid}.custom-color strong{font-size:12px;font-weight:600}.custom-color small{color:var(--color-muted);font-size:10px}.custom-color__control{align-items:center;gap:9px;display:flex}.custom-color input[type=color]{background:var(--color-surface);border:1px solid var(--color-line-strong);cursor:pointer;border-radius:9px;width:34px;height:34px;padding:3px}.custom-color output{color:var(--color-text-soft);font-family:var(--font-mono);font-size:11px}.appearance-reset{color:var(--color-muted);justify-self:start;font-size:11px}.auth-page{grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);min-height:100vh;display:grid}.auth-visual{isolation:isolate;min-height:680px;position:relative;overflow:hidden}.auth-visual>img{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.auth-visual__shade{z-index:-1;background:linear-gradient(#04060580,#04060514 45%,#040605e0);position:absolute;inset:0}.auth-visual__top{justify-content:space-between;align-items:center;padding:32px 40px;display:flex}.auth-visual__copy{position:absolute;bottom:110px;left:40px;right:40px}.auth-visual__copy h1{letter-spacing:-.075em;margin:20px 0;font-size:clamp(54px,6.4vw,104px);font-weight:650;line-height:.92}.auth-visual__copy p{color:#d0d5cb;max-width:480px;font-size:16px}.auth-visual__foot{color:#a7ada2;font-family:var(--font-mono);letter-spacing:.08em;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:32px;left:40px;right:40px}.auth-panel{background:var(--color-bg-elevated);place-items:center;padding:48px;display:grid}.auth-form-wrap{width:min(100%,400px)}.auth-form__heading{margin-bottom:38px}.auth-form__heading h2{letter-spacing:-.05em;margin:14px 0 8px;font-size:36px}.auth-form__heading p{color:var(--color-muted);font-size:14px}.auth-security{color:var(--color-muted);justify-content:center;align-items:flex-start;gap:8px;font-size:11px;line-height:1.6;display:flex}.auth-security .icon{color:var(--color-success);margin-top:1px}.dashboard-grid{gap:var(--space-4);grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);display:grid}.dashboard-grid--bottom{grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr)}.chart-card{min-width:0}.storage-card{display:grid}.storage-ring{place-items:center;width:150px;height:150px;margin:0 auto 22px;display:grid;position:relative}.storage-ring svg{width:100%;height:100%;position:absolute;inset:0}.storage-ring>div{justify-items:center;display:grid}.storage-ring strong{letter-spacing:-.06em;font-size:30px}.storage-ring span{color:var(--color-muted);font-size:11px}.attention-list{display:grid}.attention-item{border-bottom:1px solid var(--color-line);grid-template-columns:38px minmax(0,1fr) auto 32px;align-items:center;gap:12px;padding:14px 0;display:grid}.attention-item:last-child{border-bottom:0}.attention-item__copy{gap:3px;min-width:0;display:grid}.attention-item__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.attention-item__copy span{color:var(--color-muted);font-size:11px}.form-layout{align-items:start;gap:var(--space-5);grid-template-columns:minmax(0,1fr) 310px;display:grid}.form-section-title{align-items:flex-start;gap:14px;margin-bottom:26px;display:flex}.form-section-title>span{width:32px;height:32px;color:var(--color-accent);font-family:var(--font-mono);background:#d7ff6412;border:1px solid #d7ff6426;border-radius:9px;place-items:center;font-size:11px;display:grid}.form-aside{position:sticky;top:96px}.form-aside h3{letter-spacing:-.04em;margin:12px 0 22px;font-size:22px}.form-aside__preview{border:1px solid var(--color-line);text-align:center;background:#ffffff06;border-radius:14px;justify-items:center;gap:9px;margin-bottom:14px;padding:24px 16px;display:grid}.form-aside__preview .table-tenant__mark{width:52px;height:52px;font-size:20px}.form-aside__preview span:last-child{color:var(--color-muted);font-size:11px}.plan-selector{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.plan-option{border:1px solid var(--color-line);cursor:pointer;background:#ffffff06;border-radius:14px;gap:7px;padding:18px;display:grid;position:relative}.plan-option input{opacity:0;position:absolute}.plan-option.is-selected{border-color:var(--color-accent);background:#d7ff640d}.plan-option:has(input:checked){border-color:var(--color-accent);background:#d7ff640d}.plan-option__check{width:20px;height:20px;color:var(--color-accent-ink);background:var(--color-accent);border-radius:50%;place-items:center;display:none;position:absolute;top:12px;right:12px}.plan-option:has(input:checked) .plan-option__check{display:grid}.plan-option strong{font-size:14px}.plan-option .mono{font-size:22px;font-weight:650}.plan-option__resources{gap:3px;padding-right:28px;display:grid}.plan-option__resources .mono{font-size:16px}.plan-option__resources small{font-size:11px}.plan-option small{color:var(--color-muted);font-size:10px}.notice{color:var(--color-text-soft);background:#8bc7ff0d;border:1px solid #8bc7ff1f;border-radius:12px;align-items:flex-start;gap:10px;padding:13px;font-size:11px;line-height:1.7;display:flex}.notice .icon{color:var(--color-info);margin-top:1px}.detail-back{width:fit-content;color:var(--color-text-soft)}.tenant-hero{justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.tenant-hero__identity{align-items:center;gap:20px;display:flex}.tenant-hero__mark{width:74px;height:74px;color:var(--color-accent-ink);background:var(--color-accent);border-radius:20px;place-items:center;font-size:28px;font-weight:700;display:grid;transform:rotate(-4deg)}.tenant-hero h1{letter-spacing:-.04em;font-size:28px}.tenant-hero p{color:var(--color-muted);margin-top:8px;font-size:12px}.detail-columns{gap:var(--space-5);grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;display:grid}.profile-hero{align-items:center;gap:28px;padding:30px;display:flex;position:relative;overflow:hidden}.profile-hero__identity{flex:1;align-items:center;gap:22px;display:flex}.profile-hero__identity h2{letter-spacing:-.04em;margin:8px 0 4px;font-size:30px}.profile-hero__identity p{color:var(--color-text-soft);font-size:13px}.profile-hero__meta{border-left:1px solid var(--color-line);color:var(--color-muted);gap:4px;padding-left:26px;font-size:10px;display:grid}.profile-hero__meta strong{color:var(--color-text-soft);font-size:12px}.setting-list{display:grid}.setting-item{min-height:68px;color:var(--color-text);border:0;border-bottom:1px solid var(--color-line);cursor:pointer;text-align:left;background:0 0;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:10px 0;display:grid}.setting-item:last-child{border-bottom:0}.setting-item__icon{width:40px;height:40px;color:var(--color-text-soft);background:#ffffff0a;border-radius:11px;place-items:center;display:grid}.setting-item>span:nth-child(2){gap:3px;display:grid}.setting-item strong{font-size:13px;font-weight:600}.setting-item small{color:var(--color-muted);font-size:11px}.setting-item>.icon{color:var(--color-muted);transition:transform var(--duration-fast)}.setting-item:hover>.icon{color:var(--color-accent);transform:translate(3px)}.preference-row{min-height:46px;color:var(--color-text-soft);justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.h5-login{min-height:100vh;padding:28px 40px}.h5-login__brand{justify-content:space-between;align-items:center;display:flex}.h5-login__content{grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr);align-items:center;gap:7vw;width:min(1180px,100%);min-height:calc(100vh - 110px);margin:0 auto;display:grid}.h5-login__visual{border-radius:var(--radius-xl);isolation:isolate;min-height:620px;position:relative;overflow:hidden}.h5-login__visual img{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.h5-login__visual:after{content:"";z-index:-1;background:linear-gradient(#0000 25%,#050705eb);position:absolute;inset:0}.h5-login__visual>div{position:absolute;bottom:40px;left:36px;right:36px}.h5-login__visual h1{letter-spacing:-.07em;margin:18px 0;font-size:clamp(42px,5vw,72px);line-height:.98}.h5-login__visual p{color:#d0d5cb;font-size:13px}.h5-login__form{justify-self:center;width:min(100%,390px)}.h5-login__form-wrap{width:100%}.h5-home{padding-bottom:12px}.h5-login__form h2{letter-spacing:-.05em;margin:14px 0 7px;font-size:36px}.login-tabs{width:100%}.login-tabs button{flex:1}.auth-register{color:var(--color-muted);text-align:center;font-size:13px}.auth-register .text-button{margin-left:5px}.home-hero{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:6vw;min-height:660px;padding:40px 0 60px;display:grid}.home-hero__copy h1{letter-spacing:-.08em;margin:24px 0;font-size:clamp(56px,6.6vw,102px);font-weight:650;line-height:.88}.outline-text{color:#0000;-webkit-text-stroke:1px #f4f6ef8c}.home-hero__copy>p{max-width:520px;color:var(--color-text-soft);margin-bottom:28px;font-size:16px;line-height:1.8}.home-hero__proof{color:var(--color-muted);align-items:center;gap:14px;margin-top:34px;font-size:12px;display:flex}.home-hero__proof strong{color:var(--color-text)}.avatar-stack{display:flex}.avatar-stack img{object-fit:cover;border:2px solid var(--color-bg);border-radius:50%;width:32px;height:32px;margin-left:-8px}.avatar-stack img:first-child{margin-left:0}.home-hero__visual{height:580px;position:relative}.hero-photo{margin:0;overflow:hidden}.hero-photo img{object-fit:cover;width:100%;height:100%}.hero-photo--main{border-radius:160px 24px 24px;position:absolute;inset:0 0 30px 50px}.hero-photo--main:after{content:"";background:linear-gradient(#0000 55%,#0000008c);position:absolute;inset:0}.hero-photo--main figcaption{z-index:2;font-family:var(--font-mono);justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;bottom:20px;left:24px;right:24px}.hero-photo--float{border-radius:20px;width:180px;height:220px;padding:8px;position:absolute;bottom:0;left:0;transform:rotate(-5deg)}.hero-photo--float img{border-radius:13px;height:170px}.hero-photo--float figcaption{padding:10px 5px 3px;font-size:11px}.hero-sticker{width:86px;height:86px;color:var(--color-accent-ink);background:var(--color-accent);text-align:center;border-radius:50%;place-items:center;font-size:15px;font-weight:800;line-height:1.05;display:grid;position:absolute;top:44px;right:-16px;transform:rotate(9deg)}.hero-sticker .mono{margin-top:3px;font-size:10px;font-weight:500}.home-stats{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);grid-template-columns:.65fr .65fr .65fr 1.5fr;align-items:center;gap:30px;margin-bottom:70px;padding:26px 30px;display:grid}.home-stats>div:not(.home-stats__quota){border-right:1px solid var(--color-line);gap:4px;display:grid}.home-stats strong{letter-spacing:-.06em;font-size:30px}.home-stats span{color:var(--color-muted);font-size:11px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.section-heading h2{font-size:var(--text-2xl);letter-spacing:-.045em;margin-top:10px}.home-bottom-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.65fr);gap:20px;margin-top:70px;display:grid}.recent-strip{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.recent-strip__item{color:var(--color-text-soft);cursor:pointer;text-align:left;background:0 0;border:0;gap:9px;padding:0;font-size:11px;display:grid}.recent-strip__item img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform var(--duration-base), opacity var(--duration-base);border-radius:12px}.recent-strip__item:hover img{opacity:.85;transform:translateY(-3px)}.quick-card h2{letter-spacing:-.04em;margin:12px 0 20px;font-size:24px}.quick-links{display:grid}.quick-links button{color:var(--color-text-soft);border:0;border-bottom:1px solid var(--color-line);cursor:pointer;text-align:left;background:0 0;grid-template-columns:24px 1fr 18px;align-items:center;gap:12px;padding:16px 0;font-size:12px;display:grid}.quick-links button:last-child{border-bottom:0}.quick-links button:hover{color:var(--color-accent)}.library-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.library-toolbar .search-box{width:min(320px,100%)}.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:18px;display:grid}.photo-grid--list{grid-template-columns:1fr;gap:12px}.photo-grid--list .photo-card{grid-template-columns:180px minmax(0,1fr);align-items:stretch;display:grid}.photo-grid--list .photo-card__media,.photo-grid--list .photo-card--portrait .photo-card__media,.photo-grid--list .photo-card--tall .photo-card__media{aspect-ratio:auto;border:0;grid-area:1/1;place-self:stretch stretch;width:100%;height:128px;padding:0}.photo-grid--list .photo-card__body{grid-area:1/2;align-content:center;min-width:0;padding:20px 24px}.photo-grid--list .photo-card__title{font-size:17px}.load-more{justify-items:center;gap:14px;padding:24px;display:grid}.detail-nav{justify-content:space-between;align-items:center;display:flex}.image-detail{grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);align-items:start;gap:30px;display:grid}.image-detail__viewer{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:#070907;place-items:center;min-height:680px;display:grid;position:relative;overflow:hidden}.image-detail__viewer>img{object-fit:contain;width:100%;height:680px}.image-detail__viewer-top{justify-content:space-between;align-items:center;display:flex;position:absolute;top:18px;left:18px;right:18px}.viewer-badge{border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:inline-flex}.image-detail__zoom{position:absolute;bottom:18px;right:18px}.image-detail__info{gap:24px;padding:16px 0;display:grid;position:sticky;top:102px}.image-detail__info h1{letter-spacing:-.06em;margin:12px 0;font-size:48px}.image-detail__info>div:first-child p{color:var(--color-text-soft);font-size:13px;line-height:1.8}.image-detail__actions{gap:8px;display:flex}.image-detail__actions .button{flex:1}.upload-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;gap:22px;display:grid}.upload-dropzone{border-radius:var(--radius-lg);cursor:pointer;text-align:center;min-height:270px;transition:background var(--duration-base), border-color var(--duration-base);background:#d7ff6406;border:1px dashed #d7ff6459;place-items:center;padding:30px;display:grid}.upload-dropzone:hover{border-color:var(--color-accent);background:#d7ff640d}.upload-dropzone__icon{width:68px;height:68px;color:var(--color-accent);background:#d7ff6412;border-radius:20px;place-items:center;margin-bottom:16px;display:grid}.upload-dropzone h2{letter-spacing:-.04em;font-size:24px}.upload-dropzone p{color:var(--color-text-soft);margin:8px 0 16px;font-size:13px}.upload-files{display:grid}.upload-file{border-bottom:1px solid var(--color-line);grid-template-columns:64px minmax(0,1fr) 24px 36px;align-items:center;gap:14px;padding:13px 0;display:grid}.upload-file:last-child{border-bottom:0}.upload-file>img{object-fit:cover;border-radius:10px;width:64px;height:64px}.upload-file__info{gap:6px;display:grid}.upload-file__info strong{font-size:13px}.upload-file__info>span{color:var(--color-muted);font-size:10px}.upload-file__status{color:var(--color-muted)}.upload-file__status.is-ready{color:var(--color-success)}.upload-file__status.is-error{color:var(--color-danger,#ff6b6b)}.upload-settings{gap:20px;display:grid;position:sticky;top:102px}.upload-settings h2{letter-spacing:-.04em;margin-top:10px;font-size:26px}.user-profile-card{grid-template-columns:1fr auto;align-items:center;gap:26px;padding:30px;display:grid}.user-profile-card__identity{align-items:center;gap:22px;display:flex}.user-profile-card__identity h2{letter-spacing:-.05em;margin:9px 0 5px;font-size:32px}.user-profile-card__identity p{color:var(--color-text-soft);font-size:13px}.user-profile-card__numbers{border-top:1px solid var(--color-line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);padding-top:24px;display:grid}.user-profile-card__numbers>div{text-align:center;border-right:1px solid var(--color-line);gap:4px;display:grid}.user-profile-card__numbers>div:last-child{border:0}.user-profile-card__numbers strong{font-size:26px}.user-profile-card__numbers span{color:var(--color-muted);font-size:11px}.plan-banner{color:var(--color-accent-ink);background:var(--color-accent);border-radius:var(--radius-lg);grid-template-columns:1fr 360px;align-items:end;gap:40px;padding:38px;display:grid;position:relative;overflow:hidden}.plan-banner:after{content:"PRO";color:#1720000f;font-family:var(--font-mono);pointer-events:none;font-size:220px;font-weight:800;line-height:1;position:absolute;top:-50px;right:26%}.plan-banner .eyebrow{color:var(--color-accent-ink)}.plan-banner h2{letter-spacing:-.055em;margin:16px 0 10px;font-size:clamp(30px,4vw,48px);line-height:1.05}.plan-banner p{color:#172000a8;font-size:12px}.plan-banner__usage{z-index:1;gap:14px;display:grid;position:relative}.plan-banner .progress-meta{color:var(--color-accent-ink)}.plan-banner .progress{background:#17200024}.plan-banner .progress__bar{background:var(--color-accent-ink)}.plan-banner .button--primary{color:var(--color-accent);background:var(--color-accent-ink);border-color:var(--color-accent-ink);box-shadow:none}.profile-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.mini-stack{gap:22px;display:grid}.mini-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.mini-section-title h2{letter-spacing:-.025em;font-size:16px}.mini-login{gap:26px;display:grid}.mini-login__brand{padding-top:16px}.mini-login__logo{width:60px;height:60px;color:var(--color-accent-ink);background:var(--color-accent);border-radius:18px;place-items:center;margin-bottom:24px;display:grid;transform:rotate(-5deg)}.mini-login__brand h1{letter-spacing:-.065em;margin:14px 0;font-size:44px;line-height:.98}.mini-login__brand p{color:var(--color-text-soft);font-size:12px}.mini-login__preview{grid-template-columns:1.3fr .7fr;gap:8px;height:210px;display:grid;position:relative}.mini-login__preview img{object-fit:cover;border-radius:16px;width:100%;height:100%}.mini-login__preview img:last-of-type{border-radius:60px 16px 16px}.mini-login__preview>span{border-radius:9px;padding:8px 10px;font-size:10px;position:absolute;bottom:12px;right:12px}.mini-login__actions{gap:12px;display:grid}.mini-login__actions .checkbox{justify-content:center;font-size:10px;line-height:1.7}.mini-welcome{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.mini-welcome h1{letter-spacing:-.06em;margin-top:8px;font-size:38px;line-height:1.02}.mini-welcome__mark{width:58px;height:58px;color:var(--color-accent-ink);background:var(--color-accent);border-radius:18px;place-items:center;font-size:22px;font-weight:700;display:grid;transform:rotate(6deg)}.mini-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mini-stats article{background:var(--color-surface);border:1px solid var(--color-line);border-radius:15px;gap:6px;padding:15px 12px;display:grid}.mini-stats article>span{color:var(--color-text-soft);font-size:10px}.mini-stats strong{letter-spacing:-.06em;font-size:25px}.mini-stats small{color:var(--color-muted);font-size:9px}.mini-stats article.is-accent{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent)}.mini-stats article.is-accent>span,.mini-stats article.is-accent small{color:#1720009e}.mini-quota{border-radius:15px;gap:11px;padding:16px;font-size:11px;display:grid}.mini-quick-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mini-quick-grid button{color:var(--color-text-soft);border:1px solid var(--color-line);cursor:pointer;background:#ffffff06;border-radius:14px;justify-items:center;gap:9px;padding:14px 4px;font-size:10px;display:grid}.mini-quick-grid button .icon{color:var(--color-accent)}.mini-collection-scroll{scrollbar-width:none;grid-auto-columns:78%;grid-auto-flow:column;gap:10px;margin:0 -18px;padding:0 18px 6px;display:grid;overflow-x:auto}.mini-collection-scroll::-webkit-scrollbar{display:none}.mini-collection{height:180px;color:var(--color-text);background:var(--color-surface);text-align:left;border:0;border-radius:17px;padding:0;position:relative;overflow:hidden}.mini-collection>img{object-fit:cover;width:100%;height:100%}.mini-collection__shade{background:linear-gradient(#0000 30%,#000000d1);position:absolute;inset:0}.mini-collection__copy{gap:5px;display:grid;position:absolute;bottom:14px;left:14px;right:14px}.mini-collection__copy strong{font-size:19px}.mini-collection__copy small{color:#d0d5cb;font-size:10px}.mini-recent-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.mini-recent-grid button{background:0 0;border:0;padding:0}.mini-recent-grid img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}.mini-filter-scroll{scrollbar-width:none;gap:7px;margin:0 -18px;padding:0 18px;display:flex;overflow-x:auto}.mini-filter-scroll .filter-chip{flex:none}.mini-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:15px 10px;display:grid}.mini-photo-grid--list{grid-template-columns:1fr;gap:10px}.mini-photo-grid--list .mini-photo-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:14px;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:4px 12px;padding:10px}.mini-photo-grid--list .mini-photo-card__media,.mini-photo-grid--list .mini-photo-card:nth-child(3n) .mini-photo-card__media{aspect-ratio:auto;border-radius:10px;grid-row:1/3;width:76px;height:76px}.mini-photo-grid--list .mini-photo-card strong,.mini-photo-grid--list .mini-photo-card small{grid-column:2;margin:0}.mini-photo-grid--list .mini-photo-card small{align-self:start}.mini-photo-grid--list .mini-photo-card__check{display:none}.mini-photo-card{color:var(--color-text);text-align:left;background:0 0;border:0;gap:5px;padding:0;display:grid}.mini-photo-card__media{aspect-ratio:1;border-radius:14px;display:block;position:relative;overflow:hidden}.mini-photo-card:nth-child(3n) .mini-photo-card__media{aspect-ratio:4/5}.mini-photo-card__media img{object-fit:cover;width:100%;height:100%}.mini-photo-card__check{width:22px;height:22px;color:var(--color-accent-ink);background:var(--color-accent);border-radius:50%;place-items:center;display:none;position:absolute;top:8px;right:8px}.mini-photo-card strong{margin-top:4px;font-size:12px}.mini-photo-card small{color:var(--color-muted);font-size:9px}.mini-loadmore{color:var(--color-muted);justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.mini-loadmore .spinner{width:13px;height:13px}.mini-detail{margin:-58px -18px -32px}.mini-detail__media{background:#050705;height:520px;position:relative}.mini-detail__media>img{object-fit:cover;width:100%;height:100%}.mini-detail__top{justify-content:space-between;align-items:center;display:flex;position:absolute;top:54px;left:14px;right:14px}.mini-detail__top>span{font-family:var(--font-mono);border-radius:10px;padding:7px 11px;font-size:10px}.mini-detail__zoom{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006;border:1px solid #ffffff40;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;position:absolute;bottom:16px;right:16px}.mini-detail__body{padding:24px 18px 110px}.mini-detail__body h1{letter-spacing:-.055em;margin:10px 0;font-size:34px}.mini-detail__body p{color:var(--color-text-soft);font-size:12px;line-height:1.8}.mini-image-meta{background:var(--color-line);border:1px solid var(--color-line);border-radius:14px;grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.mini-image-meta>div{background:var(--color-surface);gap:6px;padding:14px;display:grid}.mini-image-meta span{color:var(--color-muted);font-size:9px}.mini-image-meta strong{font-size:11px}.mini-related>div:last-child{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.mini-related img{aspect-ratio:1;object-fit:cover;border-radius:9px;width:100%}.mini-detail__actions{z-index:9;border-radius:0 0 30px 30px;gap:8px;padding:12px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.mini-detail__actions .button{flex:1}.mini-upload-picker{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.mini-upload-picker__add,.mini-upload-picker__file{aspect-ratio:1;border-radius:14px;position:relative;overflow:hidden}.mini-upload-picker__add{color:var(--color-text-soft);background:#d7ff6406;border:1px dashed #d7ff644d;place-content:center;justify-items:center;gap:6px;font-size:11px;display:grid}.mini-upload-picker__add .icon{color:var(--color-accent)}.mini-upload-picker__add small{color:var(--color-muted);font-size:9px}.mini-upload-picker__file img{object-fit:cover;width:100%;height:100%}.mini-upload-picker__file button{color:#fff;background:#0000008c;border:0;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;top:6px;right:6px}.mini-form-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:16px;gap:18px;padding:18px;display:grid}.mini-upload-progress{gap:12px;padding:16px;display:grid}.mini-upload-progress__meta{color:var(--color-text-soft);justify-content:space-between;font-size:10px;display:flex}.mini-profile{gap:24px;padding:10px 0;display:grid}.mini-profile__identity{grid-template-columns:72px 1fr 18px;align-items:center;gap:14px;display:grid}.mini-profile__identity h1{letter-spacing:-.04em;font-size:25px}.mini-profile__identity p{color:var(--color-muted);margin-top:5px;font-size:11px}.mini-profile__stats{grid-template-columns:repeat(3,1fr);display:grid}.mini-profile__stats button{color:var(--color-text);border:0;border-right:1px solid var(--color-line);background:0 0;gap:4px;display:grid}.mini-profile__stats button:last-child{border:0}.mini-profile__stats strong{font-size:22px}.mini-profile__stats span{color:var(--color-muted);font-size:10px}.mini-plan{color:var(--color-accent-ink);background:var(--color-accent);border-radius:18px;gap:15px;padding:20px;display:grid}.mini-plan .eyebrow{color:var(--color-accent-ink)}.mini-plan .badge{color:var(--color-accent-ink);background:#17200014;border-color:#17200024}.mini-plan h2{letter-spacing:-.04em;font-size:23px}.mini-plan .progress-meta{color:#172000b3}.mini-plan .progress{background:#1720001f}.mini-plan .progress__bar{background:var(--color-accent-ink)}.mini-plan .text-button{color:var(--color-accent-ink);font-size:10px}.mini-menu{background:var(--color-surface);border:1px solid var(--color-line);border-radius:16px;overflow:hidden}.mini-menu>.mini-section-title{margin:0;padding:16px 16px 4px}.mini-menu__item{width:100%;min-height:58px;color:var(--color-text);border:0;border-bottom:1px solid var(--color-line);text-align:left;background:0 0;grid-template-columns:36px 1fr 16px;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:grid}.mini-menu__item:last-child{border-bottom:0}.mini-menu__icon{width:36px;height:36px;color:var(--color-text-soft);background:#ffffff0a;border-radius:10px;place-items:center;display:grid}.mini-menu__item>.icon{color:var(--color-muted)}.traffic-hot-list,.traffic-log-list{display:grid}.traffic-hot-item{border-bottom:1px solid var(--color-line);grid-template-columns:28px 48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.traffic-hot-item:last-child,.traffic-log-item:last-child{border-bottom:0}.traffic-hot-item__rank{color:var(--color-muted);font-family:var(--font-mono);font-size:11px}.traffic-hot-item__thumb{object-fit:cover;border-radius:10px;width:48px;height:48px}.traffic-hot-item__copy{gap:4px;min-width:0;display:grid}.traffic-hot-item__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.traffic-hot-item__copy span{color:var(--color-muted);font-size:10px}.traffic-hot-item>.mono{font-size:12px}.traffic-log-item{border-bottom:1px solid var(--color-line);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;display:grid}.traffic-log-item__type{width:fit-content;color:var(--color-info);background:var(--color-control);border:1px solid var(--color-line);white-space:nowrap;border-radius:7px;padding:4px 7px;font-size:9px}.traffic-log-item__type--download{color:var(--color-accent-text)}.traffic-log-item__type--share{color:var(--color-warning)}.traffic-log-item__copy{gap:4px;min-width:0;display:grid}.traffic-log-item__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.traffic-log-item__copy span{color:var(--color-muted);font-size:10px}.traffic-log-item>.mono{color:var(--color-text-soft);font-size:11px}.stat-card__value small{color:var(--color-muted);font-family:var(--font-sans);letter-spacing:0;font-size:13px;font-weight:500}.stat-card--accent .stat-card__value small{color:var(--color-on-accent-muted)}.stat-card--accent .progress{background:color-mix(in srgb, var(--color-accent-ink) 15%, transparent)}.stat-card--accent .progress__bar{background:var(--color-accent-ink)}.mini-quota--link{width:100%;color:var(--color-text);border:1px solid var(--color-line);cursor:pointer;text-align:left}.mini-quota--link .caption{align-items:center;gap:4px;display:inline-flex}.mini-usage-hero{background:var(--color-surface);border:1px solid var(--color-line);border-radius:16px;padding:22px 18px}.mini-usage-hero__value{font-family:var(--font-mono);letter-spacing:-.07em;margin:12px 0 4px;font-size:44px;font-weight:650}.mini-usage-hero__value small{color:var(--color-muted);font-family:var(--font-sans);letter-spacing:0;margin-left:6px;font-size:14px;font-weight:500}.mini-usage-hot,.mini-usage-logs{background:var(--color-surface);border:1px solid var(--color-line);border-radius:16px;overflow:hidden}.mini-usage-hot__item{border-bottom:1px solid var(--color-line);grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 14px;display:grid}.mini-usage-hot__item:last-child,.mini-usage-log:last-child{border-bottom:0}.mini-usage-hot__item img{object-fit:cover;border-radius:10px;width:46px;height:46px}.mini-usage-hot__item>div,.mini-usage-log>div{gap:4px;min-width:0;display:grid}.mini-usage-hot__item strong,.mini-usage-log strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mini-usage-hot__item>.mono{font-size:11px}.mini-usage-log{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.mini-usage-log>.mono{color:var(--color-text-soft);flex:none;font-size:10px}.mini-stats article>span,.mini-stats article strong,.mini-stats article small{overflow-wrap:anywhere;min-width:0}.appearance-entry{border-color:var(--color-accent-border);justify-content:space-between;align-items:center;gap:20px;display:flex}.appearance-entry .card-title{margin-top:8px}.auth-visual,.h5-login__visual,.mini-collection,.hero-photo--main figcaption{color:#f4f6ef}.outline-text{-webkit-text-stroke-color:var(--color-outline)}.form-section-title>span,.upload-dropzone__icon{color:var(--color-accent-text);background:var(--color-accent-soft);border-color:var(--color-accent-border)}.form-aside__preview,.plan-option,.setting-item__icon,.mini-quick-grid button,.mini-menu__icon{background:var(--color-control)}.plan-option.is-selected{background:var(--color-accent-soft)}.plan-option:has(input:checked){background:var(--color-accent-soft)}.setting-item:hover>.icon,.quick-links button:hover,.mini-quick-grid button .icon,.mini-upload-picker__add .icon{color:var(--color-accent-text)}.upload-dropzone,.mini-upload-picker__add{background:var(--color-accent-soft);border-color:var(--color-accent-border)}.upload-dropzone:hover{background:var(--color-accent-soft)}.plan-banner:after{color:color-mix(in srgb, var(--color-accent-ink) 6%, transparent)}.plan-banner p,.plan-banner .progress,.mini-stats article.is-accent>span,.mini-stats article.is-accent small,.mini-plan .progress-meta{color:var(--color-on-accent-muted)}.plan-banner .progress,.mini-plan .progress{background:color-mix(in srgb, var(--color-accent-ink) 14%, transparent)}.mini-plan .badge{background:color-mix(in srgb, var(--color-accent-ink) 8%, transparent);border-color:color-mix(in srgb, var(--color-accent-ink) 14%, transparent)}@media (width<=1280px){:root{--sidebar-width:220px}.page-container{padding:26px}.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-preview{grid-template-columns:minmax(180px,1fr) 410px minmax(180px,1fr);gap:24px;padding:24px}.prototype-dock__label{display:none}}@media (width<=1100px){:root{--sidebar-width:76px}.admin-sidebar{padding:22px 10px}.admin-sidebar .brand{justify-content:center;padding:0 0 28px}.admin-sidebar .brand__name,.admin-nav__label,.admin-nav__item span,.admin-sidebar__foot .cluster>div{display:none}.admin-nav__item{justify-content:center;padding:0}.admin-nav__item.is-active:after{right:6px}.admin-sidebar__foot .cluster{justify-content:center}.admin-nav__item:hover{transform:none}.dashboard-grid,.dashboard-grid--bottom{grid-template-columns:1fr}.storage-card{grid-template-columns:180px 1fr;align-items:center}.storage-card .card-header{grid-column:1/-1}.form-layout{grid-template-columns:1fr}.form-aside{position:static}.form-aside__preview{max-width:360px}.home-hero{grid-template-columns:1fr 400px;gap:30px}.home-hero__copy h1{font-size:64px}.home-hero__visual{height:500px}.home-bottom-grid{grid-template-columns:1fr}.image-detail{grid-template-columns:minmax(0,1.2fr) 320px;gap:22px}.image-detail__viewer,.image-detail__viewer>img{height:560px;min-height:560px}.mini-preview{grid-template-columns:1fr 410px}.mini-preview__intro{display:none}.mini-page-index{justify-self:end}}@media (width<=900px){.auth-page{grid-template-columns:1fr}.auth-visual{min-height:420px}.auth-visual__copy{bottom:70px}.auth-visual__copy h1{font-size:64px}.auth-visual__foot{bottom:22px}.auth-panel{padding:60px 32px 100px}.detail-columns,.upload-layout{grid-template-columns:1fr}.image-detail__info,.upload-settings{position:static}.profile-hero{flex-wrap:wrap}.profile-hero__meta{border-top:1px solid var(--color-line);border-left:0;width:100%;padding:18px 0 0}.h5-login__content{grid-template-columns:1fr 360px;gap:36px}.h5-login__visual{min-height:540px}.home-hero{grid-template-columns:1fr;padding-top:60px}.home-hero__copy{max-width:680px}.home-hero__copy h1{font-size:clamp(58px,10vw,86px)}.home-hero__visual{width:min(100%,560px);height:580px;margin:0 auto}.home-stats{grid-template-columns:repeat(3,1fr)}.home-stats__quota{grid-column:1/-1}.home-stats>div:nth-child(3){border-right:0!important}.image-detail{grid-template-columns:1fr}.image-detail__viewer,.image-detail__viewer>img{height:min(72vh,680px)}.image-detail__info{grid-template-columns:1fr 1fr}.image-detail__info>div:first-child,.image-detail__info>.definition-list{grid-column:1/-1}.plan-banner{grid-template-columns:1fr}.plan-banner__usage{max-width:480px}.mini-preview{grid-template-columns:410px;justify-content:center}.mini-page-index{display:none}}@media (width<=768px){:root{--sidebar-width:0px}body:before{background-size:32px 32px}.admin-layout{display:block}.admin-sidebar{display:none}.admin-topbar .admin-menu-button{display:inline-grid}.admin-topbar{height:64px;padding:0 18px}.admin-topbar>.badge{display:none}.admin-topbar__search{width:min(340px,60vw)}.page-container{padding:20px 16px 110px}.page-heading{flex-direction:column;align-items:flex-start;gap:18px}.page-heading h1{font-size:38px}.page-heading .cluster{width:100%}.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.form-grid__full{grid-column:auto}.form-section-title{margin-bottom:20px}.tenant-hero{flex-direction:column;align-items:flex-start;padding:22px}.tenant-hero__identity{align-items:flex-start}.tenant-hero__mark{flex:none;width:58px;height:58px}.tenant-hero h1{font-size:23px}.h5-header{height:64px;padding:0 18px}.h5-nav,.h5-header__actions .icon-button{display:none}.h5-bottom-nav{z-index:30;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--color-line);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.h5-bottom-nav__item{min-height:46px;color:var(--color-muted);justify-items:center;gap:4px;font-size:10px;display:grid}.h5-bottom-nav__item.is-active{color:var(--color-accent-text)}.h5-login{padding:22px 18px 80px}.h5-login__content{min-height:auto;padding-top:56px;display:block}.h5-login__visual{display:none}.h5-login__form{width:100%}.home-hero{min-height:auto;padding:44px 0}.home-hero__copy h1{font-size:clamp(48px,13vw,76px)}.home-hero__copy>p{font-size:14px}.home-hero__visual{height:470px}.hero-photo--main{border-radius:110px 20px 20px;left:32px}.hero-photo--float{width:140px;height:180px}.hero-photo--float img{height:130px}.hero-sticker{width:72px;height:72px;font-size:12px;right:0}.home-stats{gap:18px;margin-bottom:50px;padding:22px}.home-stats strong{font-size:25px}.home-bottom-grid{margin-top:50px}.library-toolbar .search-box{width:100%}.library-toolbar .spacer{display:none}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-grid--list,.profile-menu-grid{grid-template-columns:1fr}.user-profile-card{padding:22px}.user-profile-card__identity{align-items:flex-start}.user-profile-card__identity .avatar--xl{width:76px;height:76px}.plan-banner{padding:28px 22px}.mini-preview{min-height:100vh;padding:0;display:block}.mini-device{background:var(--color-bg);width:100%;height:100vh;min-height:100vh;box-shadow:none;border:0;border-radius:0;padding:0}.mini-device:before{display:none}.mini-screen{border-radius:0}.mini-page{padding-top:max(24px, env(safe-area-inset-top))}.mini-bottom-nav{border-radius:0;bottom:0;left:0;right:0}.mini-detail{margin-top:calc(-1 * max(24px, env(safe-area-inset-top)))}.mini-detail__top{top:max(22px, env(safe-area-inset-top))}.mini-detail__actions{padding-bottom:calc(12px + env(safe-area-inset-bottom));border-radius:0;bottom:0;left:0;right:0}.prototype-dock{justify-content:center;max-width:calc(100vw - 24px);bottom:84px;left:auto;right:12px;overflow-x:auto}.admin-layout~.prototype-dock{bottom:12px}.prototype-dock__platform{padding:0 9px}.prototype-dock__platform .icon{display:none}.state-page{min-height:480px;padding:20px 0}.skeleton-grid{grid-template-columns:repeat(2,1fr)}.skeleton--title{width:70%}}@media (width<=560px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.grid--4 .stat-card{min-height:140px}.admin-topbar__search{display:none}.admin-topbar .spacer{display:block}.card{padding:20px}.card>.data-table-wrap,.surface.card.data-table-wrap{width:100%;max-width:100%}.data-table-wrap{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.card-header{flex-wrap:wrap;align-items:flex-start}.card-header>.button,.card-header>.text-button{flex:none}.traffic-hot-item{grid-template-columns:22px 42px minmax(0,1fr) auto;gap:9px}.traffic-hot-item__thumb{width:42px;height:42px}.traffic-log-item{grid-template-columns:58px minmax(0,1fr) auto;gap:8px}.traffic-log-item__copy span{font-size:9px}.page-heading .cluster .button{flex:1}.storage-card{grid-template-columns:1fr;display:grid}.storage-card .card-header{grid-column:auto}.attention-item{grid-template-columns:38px minmax(0,1fr) 32px}.attention-item>.badge{display:none}.plan-selector{grid-template-columns:1fr}.plan-option{grid-template-columns:1fr auto}.plan-option small{grid-column:1/-1}.plan-option__resources{text-align:right;justify-items:end}.photo-grid--list .photo-card{grid-template-columns:96px minmax(0,1fr)}.photo-grid--list .photo-card__media,.photo-grid--list .photo-card--portrait .photo-card__media,.photo-grid--list .photo-card--tall .photo-card__media{height:100%;min-height:100px}.photo-grid--list .photo-card__body{gap:7px;padding:14px}.photo-grid--list .photo-card__title{font-size:14px}.photo-grid--list .photo-card__meta{flex-wrap:wrap;gap:5px 12px}.profile-hero__identity{align-items:flex-start}.profile-hero__identity .avatar--xl{width:72px;height:72px}.profile-hero__identity h2{font-size:26px}.auth-visual{min-height:360px}.auth-visual__top{padding:24px}.auth-visual__copy{bottom:56px;left:24px;right:24px}.auth-visual__copy h1{font-size:48px}.auth-visual__copy p{font-size:13px}.auth-visual__foot{bottom:18px;left:24px;right:24px}.auth-visual__foot span:first-child{display:none}.auth-visual__foot{justify-content:flex-end}.auth-panel{padding:44px 22px 100px}.home-hero__copy .cluster .button{flex:1}.home-hero__visual{height:400px}.home-stats{grid-template-columns:repeat(3,1fr);padding:18px 12px}.home-stats strong{font-size:21px}.home-stats span{font-size:9px}.home-stats__quota{padding:0 8px}.recent-strip{grid-template-columns:repeat(2,1fr)}.image-detail__viewer,.image-detail__viewer>img{height:440px;min-height:440px}.image-detail__info{grid-template-columns:1fr;display:grid}.image-detail__info>div:first-child,.image-detail__info>.definition-list{grid-column:auto}.image-detail__info h1{font-size:40px}.definition-row{grid-template-columns:110px 1fr}.upload-file{grid-template-columns:52px minmax(0,1fr) 30px;gap:10px}.upload-file>img{width:52px;height:52px}.upload-file__status{display:none}.user-profile-card{grid-template-columns:1fr}.user-profile-card>.button{justify-self:start}.user-profile-card__identity{gap:14px}.plan-banner:after{right:-20px}.prototype-dock__divider{display:none}.prototype-dock__select{width:78px;padding-left:7px}.prototype-dock__platform{white-space:nowrap;padding:0 7px;font-size:10px}.prototype-dock__modal{flex:0 0 32px;width:32px;height:32px}.prototype-dock__appearance{flex:none;width:auto}.prototype-dock__modal:not(.prototype-dock__appearance){flex:0 0 36px}.prototype-dock__appearance{flex:none}.appearance-entry{flex-direction:column;align-items:flex-start}.appearance-entry .button{width:100%}.modal{padding:20px}}.app-shell{min-height:100vh}.route-loading{min-height:100vh;color:var(--color-muted);place-items:center;font-size:13px;display:grid}.route-loading__mark{width:48px;height:48px;color:var(--color-accent-ink);background:var(--color-accent);border-radius:14px;place-items:center;margin-bottom:14px;font-weight:800;display:grid;transform:rotate(-5deg)}.h5-header{-webkit-backdrop-filter:blur(20px)saturate(130%);backdrop-filter:blur(20px)saturate(130%)}.h5-header .brand{color:var(--color-text)}.h5-header__actions{align-items:center;gap:8px;display:flex}.h5-header__avatar{border-radius:50%;display:inline-flex}.kinetic{display:inline}.h5-list-tools{justify-content:space-between;align-items:center;gap:12px;display:flex}.h5-list-tools .caption{color:var(--color-muted)}.photo-card__preview{z-index:1;position:relative}.photo-card__overlay{z-index:2}.photo-card__overlay .icon-button{width:34px;height:34px}.photo-card__overlay{pointer-events:none}.photo-card__overlay .icon-button{pointer-events:auto}.photo-card__media:focus-within .photo-card__overlay,.photo-card:hover .photo-card__overlay{opacity:1}.home-hero__visual--empty{background:var(--color-surface);border:1px dashed var(--color-line-strong);border-radius:var(--radius-xl);place-items:center;height:420px;display:grid}.empty-visual{text-align:center;justify-items:center;gap:10px;max-width:280px;display:grid}.empty-visual strong{letter-spacing:-.03em;font-size:18px}.state-inline{align-items:center;gap:16px;display:flex}.state-inline>.icon{color:var(--color-accent-text)}.state-inline>div{flex:1;gap:4px;display:grid}.viewer-modal{border:1px solid var(--color-line);border-radius:var(--radius-md);background:#050705;place-items:center;margin-top:18px;display:grid;overflow:hidden}.viewer-modal img{object-fit:contain;width:100%;max-height:62vh}@media (hover:none){.photo-card__overlay{opacity:1;background:linear-gradient(#0000004d,#0000 32%)}}@media (width<=768px){.photo-card__overlay{opacity:1;background:linear-gradient(#0000004d,#0000 32%);padding:8px}.photo-card__overlay .icon-button{width:34px;height:34px}.h5-header__actions .icon-button{display:inline-grid}.h5-bottom-nav{background:var(--color-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.photo-grid--list .photo-card__preview{height:100%}.page-heading--library{align-items:flex-start}.page-heading--library .cluster,.page-heading--library .button{width:100%}.detail-nav{gap:12px}.image-detail__actions{flex-wrap:wrap}.image-detail__actions .button{min-width:150px}.profile-action-grid{grid-template-columns:1fr}}.pc-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.pc-sidebar{background:var(--color-sidebar);border-right:1px solid var(--color-line);flex-direction:column;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.pc-sidebar .brand{padding:0 10px 34px}.pc-sidebar__nav{gap:5px;display:grid}.pc-sidebar__label{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.12em;padding:18px 12px 8px;font-size:10px}.pc-nav-item{min-height:44px;color:var(--color-text-soft);border-radius:12px;align-items:center;gap:12px;padding:0 13px;font-size:13px;transition:all .16s;display:flex}.pc-nav-item:hover{color:var(--color-text);background:var(--color-control-hover)}.pc-nav-item.is-active{color:var(--color-accent-text);background:var(--color-accent-soft)}.pc-sidebar__foot{border-top:1px solid var(--color-line);gap:10px;margin-top:auto;padding-top:18px;display:grid}.pc-user{width:100%;color:var(--color-text-soft);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:8px;font-family:inherit;display:flex}.pc-user:hover{background:var(--color-control)}.pc-user__copy{gap:2px;min-width:0;font-size:12px;display:grid}.pc-user__copy small{color:var(--color-muted);font-size:10px}.pc-main{min-width:0}.pc-topbar{z-index:20;border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:center;gap:18px;height:72px;padding:0 34px;display:flex;position:sticky;top:0}.pc-topbar__search{width:min(340px,36vw)}.pc-container{width:min(100%,1500px);margin:0 auto;padding:30px 34px 48px}.pc-page{animation:page-in .42s var(--ease-out) both;gap:24px;display:grid}.pc-hero{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:end;gap:36px;padding:34px;display:grid}.pc-hero h1{letter-spacing:-.06em;margin:12px 0;font-size:clamp(34px,4vw,58px);line-height:.98}.pc-hero p{max-width:580px;color:var(--color-text-soft);font-size:14px;line-height:1.75}.pc-hero__stats{background:var(--color-line);border:1px solid var(--color-line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.pc-hero__stat{background:var(--color-surface);gap:5px;padding:16px;display:grid}.pc-hero__stat strong{font-family:var(--font-mono);letter-spacing:-.05em;font-size:24px}.pc-hero__stat span{color:var(--color-muted);font-size:10px}.pc-quick{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pc-quick__item{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-line);text-align:left;cursor:pointer;border-radius:15px;gap:10px;padding:20px;display:grid}.pc-quick__item .icon{color:var(--color-accent)}.pc-quick__item:hover{border-color:var(--color-line-strong);transform:translateY(-2px)}.pc-quick__item strong{font-size:14px}.pc-quick__item span{color:var(--color-muted);font-size:11px}.tenant-page-heading:not(.page-heading){justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.pc-only-mobile{display:none}.form-help{color:var(--color-muted);font-size:11px;line-height:1.6}.table-traffic{min-width:200px}.table-traffic__status{color:var(--color-muted);margin-top:6px;font-size:10px;display:block}.table-traffic__status.is-warning{color:var(--color-warning)}.table-traffic__status.is-error{color:var(--color-error)}.mobile-tenant-cards{display:none}.quota-dialog__summary{color:var(--color-text-soft);background:var(--color-control);border:1px solid var(--color-line);border-radius:12px;padding:13px;font-size:12px;line-height:1.7}.quota-dialog__summary strong{color:var(--color-text)}.mode-switch{background:var(--color-control);border:1px solid var(--color-line);border-radius:10px;gap:4px;padding:3px;display:inline-flex}.mode-switch button{width:32px;height:30px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.mode-switch button.is-active{color:var(--color-text);background:var(--color-surface-strong)}.portal{width:min(100%,1280px);min-height:100vh;margin:0 auto;padding:34px 40px 44px}.portal__top{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;padding-bottom:28px;display:flex}.portal__brand{letter-spacing:-.04em;font-size:19px;font-weight:750}.portal__brand small{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.12em;margin-left:6px;font-size:9px;font-weight:500}.portal__meta{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.12em;font-size:10px}.portal__hero{max-width:780px;padding:76px 0 48px}.portal__hero h1{letter-spacing:-.075em;margin:18px 0;font-size:clamp(48px,7.2vw,92px);line-height:.92}.portal__hero h1 span{color:var(--color-accent-text)}.portal__hero p{max-width:520px;color:var(--color-text-soft);font-size:15px;line-height:1.8}.portal__grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.portal-card{background:var(--color-surface);border:1px solid var(--color-line);min-height:250px;transition:transform .2s var(--ease-out), border-color .2s;border-radius:20px;padding:26px;display:grid;position:relative;overflow:hidden}.portal-card:hover{border-color:var(--color-line-strong);transform:translateY(-4px)}.portal-card__index{color:var(--color-muted);font-family:var(--font-mono);font-size:11px;position:absolute;top:22px;right:24px}.portal-card__label{color:var(--color-accent-text);font-family:var(--font-mono);letter-spacing:.12em;font-size:9px}.portal-card strong{letter-spacing:-.04em;align-self:end;margin-top:36px;font-size:28px}.portal-card p{color:var(--color-text-soft);margin:8px 0 22px;font-size:12px}.portal-card__cta{color:var(--color-text);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.portal-card--accent{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent)}.portal-card--accent .portal-card__label,.portal-card--accent p,.portal-card--accent .portal-card__index{color:var(--color-on-accent-muted)}.portal-card--dark{background:var(--color-bg-elevated)}.portal__foot{color:var(--color-muted);border-top:1px solid var(--color-line);font-family:var(--font-mono);letter-spacing:.06em;justify-content:space-between;gap:20px;margin-top:34px;padding-top:20px;font-size:9px;display:flex}@media (width<=1180px){.pc-shell{grid-template-columns:78px minmax(0,1fr)}.pc-sidebar{padding:22px 10px}.pc-sidebar .brand{justify-content:center;padding:0 0 30px}.pc-sidebar .brand__name,.pc-nav-item span,.pc-sidebar__label,.pc-user__copy{display:none}.pc-nav-item{justify-content:center;padding:0}.pc-user{justify-content:center;padding:8px 0}}@media (width<=900px){.portal{padding:24px}.portal__hero{padding:56px 0 36px}.pc-hero{grid-template-columns:1fr}.pc-hero__stats{max-width:520px}}@media (width<=768px){.pc-shell{display:block}.pc-sidebar{display:none}.pc-topbar{height:62px;padding:0 16px}.pc-topbar .search-box{display:none}.pc-container{padding:18px 16px 92px}.pc-hero{padding:22px}.pc-hero h1{font-size:38px}.pc-hero__stats{grid-template-columns:repeat(3,1fr)}.pc-quick{grid-template-columns:1fr 1fr}.pc-only-mobile{display:flex}.portal{padding:20px 16px 34px}.portal__hero h1{font-size:clamp(42px,13vw,64px)}.portal__grid{grid-template-columns:1fr}.portal-card{min-height:220px}.portal__foot{display:grid}.mobile-tenant-cards{gap:10px;display:grid}.mobile-tenant-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:15px;gap:14px;padding:16px;display:grid}.mobile-tenant-card__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mobile-tenant-card__identity{align-items:center;gap:11px;min-width:0;display:flex}.mobile-tenant-card__identity strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.mobile-tenant-card__identity small{color:var(--color-muted);font-family:var(--font-mono);margin-top:3px;font-size:9px;display:block}.mobile-tenant-card__usage{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mobile-tenant-card__usage span{color:var(--color-muted);justify-content:space-between;margin-bottom:6px;font-size:10px;display:flex}.mobile-tenant-card__foot{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.mobile-tenant-card__actions{gap:4px;display:flex}}@media (width<=560px){.portal__top{padding-bottom:18px}.portal__meta{font-size:8px}.portal__hero{padding:44px 0 28px}.pc-quick{grid-template-columns:1fr}.login-card,.login-aside{padding:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}