:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--portal-bg:#020706;--portal-bg-raised:#081110;--portal-bg-panel:#0e1817e0;--portal-bg-control:#152220e6;--portal-border:#3048447a;--portal-border-strong:#4a9686ad;--portal-text:#d9e4e1;--portal-text-muted:#96a5a3;--portal-text-soft:#6c7b79;--portal-accent:#00c29a;--portal-accent-soft:#00896d;--portal-accent-dim:#003f2e9e;--portal-amber:#e5a23a;--portal-amber-dim:#794a008a;--portal-disabled:#7e9194;--portal-disabled-dim:#27373a8f;--portal-danger:#d76963;--portal-blue:#299fcd;--portal-shadow:0 22px 80px #00010094;--portal-radius-xs:4px;--portal-radius-sm:6px;--portal-radius-md:8px;--portal-gap-xs:6px;--portal-gap-sm:10px;--portal-gap-md:14px;--portal-gap-lg:20px;--portal-gap-xl:28px;--portal-topbar-height:82px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{color:var(--portal-text);background:radial-gradient(circle at 42% -18%,#003f2e42,#0000 42%),linear-gradient(135deg,#020505,#070f0c 52%,#010303);overflow:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--portal-accent);outline-offset:2px}img{max-width:100%;display:block}
.portal-app{grid-template-rows:minmax(auto, var(--portal-topbar-height)) minmax(0, 1fr);isolation:isolate;width:100%;height:100dvh;min-height:0;display:grid;position:relative;overflow:hidden}.portal-app:before{z-index:-2;content:"";opacity:.48;filter:saturate(.88)contrast(.92);background:linear-gradient(#0001004d,#000202d1 76%),url(../media/portal-backdrop.2qvon-t83kdia.png) 50%/cover no-repeat;position:absolute;inset:0}.portal-app:after{z-index:-1;content:"";opacity:.9;background:linear-gradient(90deg,#63af9e09 1px,#0000 1px) 0 0/44px 44px,linear-gradient(0deg,#63af9e08 1px,#0000 1px) 0 0/44px 44px,radial-gradient(circle at 50% 6%,#18c7a129,#0000 34%) 0 0/100% 100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 78%);mask-image:radial-gradient(circle,#000 0,#0000 78%)}.portal-topbar{gap:var(--portal-gap-lg);border-bottom:1px solid var(--portal-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(440px 82px at 50% 54%,#007e6129,#0000 68%),linear-gradient(90deg,#000303db,#020e0bcc 50%,#000303db),#020706db;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-width:0;padding:8px 18px;display:grid;position:relative;overflow:hidden}.portal-topbar:before{z-index:0;content:"";pointer-events:none;background:linear-gradient(90deg,#0000 13%,#00ad881a 33%,#e5a23a1f 50%,#00ad881a 67%,#0000 87%),linear-gradient(90deg,#0000 16%,#00c29a21 38%,#0000 39% 61%,#00c29a21 62%,#0000 84%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 28% 76%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 28% 76%,#0000 100%)}.portal-topbar:after{z-index:1;content:"";opacity:.9;background:linear-gradient(90deg,#0000,#00c29adb,#eca842e6,#00c29adb,#0000);height:1px;position:absolute;bottom:-1px;left:10%;right:10%;box-shadow:0 0 18px #00c29a38}.portal-topbar>*{z-index:2;position:relative}.portal-topbar-spacer{min-width:0}.portal-brand{text-align:center;isolation:isolate;justify-self:center;align-items:center;gap:15px;min-width:0;min-height:58px;padding:0 38px;display:flex;position:relative}.portal-brand:before{z-index:-2;content:"";clip-path:polygon(0 50%,9% 43%,39% 43%,43% 28%,57% 28%,61% 43%,91% 43%,100% 50%,91% 57%,61% 57%,57% 72%,43% 72%,39% 57%,9% 57%);opacity:.94;background:radial-gradient(#00a88233,#0000 64%),linear-gradient(90deg,#0000,#00ba9447 22%,#e9a53e33 50%,#00ba9447 78%,#0000);position:absolute;inset:-5px -56px}.portal-brand:after{z-index:-1;content:"";background:linear-gradient(90deg,#0000,#00bf97bf,#e9a53ed1,#00bf97bf,#0000);height:2px;position:absolute;bottom:5px;left:12px;right:12px;box-shadow:0 0 16px #00c29a5c}.portal-brand-mark{background:radial-gradient(circle at 50% 76%,#e9a53e47,#0000 44%),radial-gradient(circle at 50% 42%,#00bd9342,#0000 62%),#01110fd6;border:1px solid #2bbe9b94;border-radius:50%;flex:0 0 56px;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 0 0 6px #00332529,0 0 28px #00ba9057,inset 0 0 20px #1fb89524}.portal-brand-mark img{object-fit:contain;width:48px;height:48px}.portal-brand h1,.preview-wall-toolbar h2,.preview-wall-toolbar p,.sample-caption h3,.sample-caption p,.detail-section h2,.detail-section p{margin:0}.portal-brand h1{color:var(--portal-text);letter-spacing:0;white-space:nowrap;text-shadow:0 1px #ffffff1f,0 0 14px #00ba9442,0 0 34px #e5a23a29;font-size:28px;font-weight:900;line-height:1.05}.portal-topbar-side{min-width:0;color:var(--portal-text-soft);align-items:center;gap:10px;font-size:12px;display:inline-flex}.portal-topbar-side.is-right{justify-self:end}.portal-topbar-side strong{color:var(--portal-accent);font-size:14px;font-weight:820}.portal-topbar-side.is-right span{border-radius:var(--portal-radius-xs);background:#081413ad;border:1px solid #325c526b;align-items:baseline;gap:5px;min-height:30px;padding:5px 9px;display:inline-flex}.portal-search{border:1px solid var(--portal-border);border-radius:var(--portal-radius-sm);background:var(--portal-bg-control);min-width:0;height:44px;color:var(--portal-text-soft);align-items:center;gap:10px;padding:0 14px;display:flex}.portal-search input{width:100%;min-width:120px;color:var(--portal-text);background:0 0;border:0;outline:0;font-size:14px}.portal-search input::placeholder{color:var(--portal-text-soft)}.portal-filters{align-items:center;gap:10px;min-width:0;display:flex}.portal-select{border:1px solid var(--portal-border);border-radius:var(--portal-radius-sm);background:var(--portal-bg-control);align-items:center;gap:8px;height:44px;padding:0 12px;display:flex}.portal-select span{color:var(--portal-text-muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.portal-select select{width:104px;color:var(--portal-text);background:0 0;border:0;outline:0;font-size:13px}.portal-select-compact select{width:96px}.portal-top-actions{justify-content:flex-end;gap:10px;min-width:0;display:flex}.icon-button,.icon-text-button,.preview-wall-meta button,.sample-switcher button,.sample-lightbox-close,.empty-state button{border:1px solid var(--portal-border);border-radius:var(--portal-radius-sm);background:var(--portal-bg-control);color:var(--portal-text);cursor:pointer;justify-content:center;align-items:center;transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1);display:inline-flex}.icon-button:hover,.icon-text-button:hover,.preview-wall-meta button:hover,.sample-switcher button:hover,.sample-lightbox-close:hover,.empty-state button:hover{border-color:var(--portal-border-strong);background:#192d29eb;transform:translateY(-1px)}.icon-button{width:44px;height:44px}.icon-text-button{white-space:nowrap;gap:8px;height:44px;padding:0 14px;font-size:13px}.icon-text-button.is-active{border-color:var(--portal-accent);background:var(--portal-accent-dim);color:#d8f2ea}.portal-main{gap:var(--portal-gap-md);min-width:0;min-height:0;padding:var(--portal-gap-md);grid-template-columns:minmax(238px,264px) minmax(0,1fr) minmax(246px,276px);display:grid;overflow:hidden}.theme-nav,.preview-wall,.detail-panel{border:1px solid var(--portal-border);background:var(--portal-bg-panel);min-width:0;box-shadow:var(--portal-shadow)}.theme-nav{border-radius:var(--portal-radius-md);flex-direction:column;gap:10px;min-height:0;padding:12px;display:flex;overflow:hidden}.theme-nav-heading,.detail-current-sample{color:var(--portal-text-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.theme-nav-heading,.theme-nav-legend{flex:none}.theme-nav-heading strong{color:var(--portal-accent)}.theme-nav-mobile-control{display:none}.theme-nav-list{overscroll-behavior:contain;scrollbar-color:#368c74b8 #0914126b;scrollbar-gutter:stable;scrollbar-width:thin;flex:auto;align-content:start;gap:7px;min-height:0;padding-right:4px;display:grid;overflow:hidden auto}.theme-nav-list::-webkit-scrollbar{width:8px}.theme-nav-list::-webkit-scrollbar-track{background:#0914126b;border-radius:999px}.theme-nav-list::-webkit-scrollbar-thumb{background:#368c74b8;border:2px solid #0914126b;border-radius:999px}.theme-nav-item{border-radius:var(--portal-radius-sm);min-height:68px;color:var(--portal-text);text-align:left;cursor:pointer;background:#0f1b19c2;border:1px solid #0000;grid-template-columns:28px 30px minmax(0,1fr) 36px;align-items:center;gap:8px;padding:7px 8px;transition:background .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1);display:grid}.theme-nav-item:hover{background:#132622e0;border-color:#327e6c61;transform:translate(2px)}.theme-nav-item.is-selected{border-color:var(--portal-accent);background:linear-gradient(90deg,#00473680,#0c1917e6),#0b221d}.theme-nav-icon{border:1px solid var(--portal-border);border-radius:var(--portal-radius-xs);width:26px;height:26px;color:var(--portal-text-muted);place-items:center;display:grid}.theme-nav-order{color:var(--portal-text);font-size:16px;font-weight:780}.theme-nav-copy{align-content:center;gap:4px;min-width:0;display:grid}.theme-nav-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:720;line-height:1.25;overflow:hidden}.theme-nav-copy small{color:var(--portal-text-soft);overflow-wrap:anywhere;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.68em;font-size:11px;line-height:1.34;display:-webkit-box;overflow:hidden}.theme-nav-count{min-width:36px;color:var(--portal-text-soft);text-align:right;text-overflow:ellipsis;white-space:nowrap;align-self:center;font-size:11px;overflow:hidden}.theme-nav-legend{border-top:1px solid var(--portal-border);color:var(--portal-text-soft);flex-wrap:wrap;gap:7px 10px;padding-top:10px;font-size:11px;display:flex}.theme-nav-legend span{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:999px;width:8px;height:8px;display:inline-block}.legend-dot.is-ready{background:var(--portal-accent)}.legend-dot.is-tech{background:var(--portal-amber)}.legend-dot.is-concept{background:var(--portal-blue)}.legend-dot.is-development{background:var(--portal-amber)}.preview-wall{gap:var(--portal-gap-md);border-radius:var(--portal-radius-md);grid-template-rows:auto minmax(0,1fr);min-height:0;padding:16px;display:grid}.preview-wall-toolbar{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.preview-wall-toolbar p{color:var(--portal-accent);font-size:12px}.preview-wall-toolbar h2{color:var(--portal-text);margin-top:4px;font-size:20px;font-weight:760;line-height:1.2}.preview-wall-meta{color:var(--portal-text-muted);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.preview-wall-meta span{border:1px solid var(--portal-border);border-radius:var(--portal-radius-xs);background:#111d1cc7;padding:7px 9px}.preview-wall-meta button{gap:7px;height:34px;padding:0 10px;font-size:12px}.sample-switcher{border:1px solid var(--portal-border);border-radius:var(--portal-radius-sm);background:#070f0edb;align-items:center;gap:4px;height:34px;padding:3px;display:inline-flex}.sample-switcher button{min-width:94px;height:26px;color:var(--portal-text-muted);background:0 0;border-color:#0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 8px;font-size:11px;display:inline-grid}.sample-switcher button.is-selected{border-color:var(--portal-accent);background:var(--portal-accent-dim);color:var(--portal-text)}.sample-switcher button.is-ready strong{color:var(--portal-accent)}.sample-switcher button.is-ready small{color:var(--portal-accent);border-color:#00c29a6b}.sample-switcher strong{color:var(--portal-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sample-switcher small{border:1px solid var(--portal-border);border-radius:var(--portal-radius-xs);width:18px;height:18px;color:var(--portal-text-soft);place-items:center;font-size:10px;display:inline-grid}.sample-switcher button.is-development strong{color:var(--portal-amber)}.sample-switcher button.is-development small{border-color:var(--portal-amber);color:var(--portal-amber)}.sample-switcher button.is-development.is-selected{border-color:var(--portal-amber);background:var(--portal-amber-dim)}.sample-switcher button.is-unavailable{color:var(--portal-blue);background:linear-gradient(90deg,#299fcd21,#7e91940f)}.sample-switcher button.is-unavailable strong{color:#4aaed3}.sample-switcher button.is-unavailable small{color:#50b4d6;background:linear-gradient(135deg,#299fcd29,#7e919414);border-color:#299fcd70}.sample-switcher button.is-unavailable.is-selected{color:var(--portal-text);background:linear-gradient(90deg,#299fcd52,#7e919424),#070f0edb;border-color:#299fcdb8}.preview-stage{grid-template-columns:minmax(0,1fr);place-items:start center;min-height:0;display:grid;overflow:hidden}.main-sample-frame,.detail-panel,.sample-placeholder{position:relative;overflow:hidden}.main-sample-frame{border:1px solid var(--portal-border-strong);border-radius:var(--portal-radius-md);background:linear-gradient(180deg, #061210, #020706), var(--portal-bg-raised);grid-template-rows:auto auto;place-self:start center;width:min(100%,1480px);min-height:0;display:grid}.frame-chrome{z-index:2;pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:10px 12px auto}.frame-chrome span{background:linear-gradient(90deg, transparent, var(--portal-accent), transparent);opacity:.55;width:96px;height:1px}.main-sample-frame img{object-fit:contain;width:100%;height:100%;min-height:0;padding:8px}.sample-image-button{aspect-ratio:16/9;width:100%;min-width:0;min-height:0;color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:grid;position:relative;overflow:hidden}.sample-image-button:hover .sample-maximize-cue,.sample-image-button:focus-visible .sample-maximize-cue{opacity:1;transform:translateY(0)}.sample-maximize-cue{z-index:3;border:1px solid var(--portal-border-strong);border-radius:var(--portal-radius-sm);min-height:32px;color:var(--portal-text);opacity:0;background:#030b0adb;align-items:center;gap:7px;padding:0 10px;font-size:12px;transition:opacity .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1);display:inline-flex;position:absolute;top:14px;right:14px;transform:translateY(-4px)}.sample-caption{border-top:1px solid var(--portal-border);background:#060d0cf0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:13px 14px 14px;display:grid}.sample-caption h3{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:760;line-height:1.2;overflow:hidden}.sample-caption p{color:var(--portal-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:12px;line-height:1.45;overflow:hidden}.sample-label{border:1px solid var(--portal-border);border-radius:var(--portal-radius-xs);min-width:32px;height:26px;color:var(--portal-text);background:#152220d6;place-items:center;font-size:12px;font-weight:760;display:inline-grid}.sample-placeholder{background:radial-gradient(circle at 50% 35%,#00715647,#0000 32%),linear-gradient(135deg,#051210,#020506);place-items:center;min-height:100%;display:grid}.placeholder-grid{opacity:.7;grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:absolute;inset:15%}.placeholder-grid span{border-radius:var(--portal-radius-xs);background:#003a2d59;border:1px solid #3b9d8273}.placeholder-copy{color:var(--portal-text-muted);place-items:center;gap:8px;display:grid;position:relative}.placeholder-copy strong{color:var(--portal-accent);font-size:32px}.detail-panel{border-radius:var(--portal-radius-md);overscroll-behavior:contain;scrollbar-color:#368c74b8 #0914126b;scrollbar-gutter:stable;scrollbar-width:thin;flex-direction:column;gap:10px;min-height:0;padding:12px;display:flex;overflow-y:auto}.detail-panel::-webkit-scrollbar{width:8px}.detail-panel::-webkit-scrollbar-track{background:#0914126b;border-radius:999px}.detail-panel::-webkit-scrollbar-thumb{background:#368c74b8;border:2px solid #0914126b;border-radius:999px}.detail-current-sample{border-bottom:1px solid var(--portal-border);flex:none;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding-bottom:10px;display:grid}.detail-current-sample>div{gap:3px;min-width:0;display:grid}.detail-current-sample strong{color:var(--portal-text);font-size:14px;font-weight:760}.detail-current-sample small{color:var(--portal-text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.45;overflow:hidden}.detail-section{border-bottom:1px solid #2e423f57;flex:none;align-content:start;gap:7px;min-width:0;padding-bottom:12px;display:grid;overflow:hidden}.detail-section h2{color:var(--portal-accent);align-items:center;gap:8px;font-size:13px;font-weight:760;display:inline-flex}.detail-section p,.decision-question{color:var(--portal-text-muted);font-size:13px;line-height:1.58}.decision-question{color:var(--portal-text);font-size:15px;font-weight:720;line-height:1.42}.chip-row,.technology-badges{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chip-row span,.technology-badges li{border:1px solid var(--portal-border);border-radius:var(--portal-radius-xs);min-height:24px;color:var(--portal-text-muted);background:#152220bd;align-items:center;padding:3px 7px;font-size:12px;display:inline-flex}.chip-row.is-muted span{color:#a2c7c1}.chip-row.is-customer span{background:#422b063d;border-color:#ca9b5a57}.memory-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;margin:0;padding:0;list-style:none;display:grid}.detail-panel .memory-list{grid-template-columns:minmax(0,1fr)}.memory-list li{color:var(--portal-text-muted);padding-left:14px;font-size:12px;line-height:1.35;position:relative}.memory-list li:before{background:var(--portal-accent);content:"";border-radius:999px;width:5px;height:5px;position:absolute;top:8px;left:0}.screen-entry-list{gap:7px;display:grid}.screen-entry-list button{border-radius:var(--portal-radius-sm);width:100%;min-height:58px;color:var(--portal-text-muted);text-align:left;opacity:1;background:#111d1c9e;border:1px solid #30554d66;grid-template:"label copy""label state"/auto minmax(0,1fr);align-items:center;gap:4px 8px;padding:8px;display:grid}.screen-entry-list button.is-current{background:linear-gradient(90deg,#004a3857,#0000),#111d1cb3;border-color:#1fb89599}.screen-entry-list button.is-ready{cursor:pointer;color:var(--portal-text);background:linear-gradient(90deg,#00523c59,#0000 74%),#12201ed6;border-color:#1fb895a3}.screen-entry-list button.is-ready:hover{border-color:#00d2a9d1;box-shadow:inset 0 0 0 1px #1fb89529}.screen-entry-list button.is-ready .screen-entry-state{color:var(--portal-accent)}.screen-entry-list button.is-development{cursor:pointer;color:var(--portal-text);background:linear-gradient(90deg,#68450852,#0000 74%),#12201ed6;border-color:#e9aa4ea3}.screen-entry-list button.is-development:hover{border-color:#fdb443d1;box-shadow:inset 0 0 0 1px #e9aa4e29}.screen-entry-list button.is-development:disabled{cursor:not-allowed;opacity:.88}.screen-entry-list button.is-development:disabled:hover{box-shadow:none;border-color:#e9aa4ea3}.screen-entry-list button.is-development .screen-entry-state{color:var(--portal-amber)}.screen-entry-list button.is-unavailable{cursor:not-allowed;background:linear-gradient(90deg, var(--portal-disabled-dim), transparent 74%), #0f191bc7;color:var(--portal-text-muted);border-color:#58717770}.screen-entry-list button.is-unavailable:hover{box-shadow:none;border-color:#58717770}.screen-entry-list button.is-unavailable .screen-entry-label{color:var(--portal-disabled);background:#182325c2;border-color:#58717780}.screen-entry-list button.is-unavailable .screen-entry-copy strong{color:var(--portal-text-muted)}.screen-entry-list button.is-unavailable .screen-entry-copy small,.screen-entry-list button.is-unavailable .screen-entry-state{color:var(--portal-disabled)}.screen-entry-label{border:1px solid var(--portal-border);border-radius:var(--portal-radius-xs);width:26px;height:26px;color:var(--portal-text);background:#152826bd;grid-area:label;align-self:center;place-items:center;font-size:12px;font-weight:760;display:grid}.screen-entry-copy{grid-area:copy;gap:3px;min-width:0;display:grid}.screen-entry-copy strong{color:var(--portal-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.32;overflow:hidden}.screen-entry-copy small{color:var(--portal-text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.35;overflow:hidden}.screen-entry-state{min-width:0;max-width:100%;color:var(--portal-amber);white-space:nowrap;grid-area:state;justify-self:start;align-items:center;gap:4px;font-size:11px;line-height:1.32;display:inline-flex}.sample-lightbox{z-index:40;--lightbox-edge-gap:clamp(10px, 1.45vmin, 22px);--lightbox-image-padding:clamp(8px, 1.2vmin, 18px);padding:var(--lightbox-edge-gap);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.sample-lightbox-backdrop{cursor:zoom-out;background:radial-gradient(circle at 50% 40%,#04231b85,#0000 46%),#000101e0;border:0;position:absolute;inset:0}.sample-lightbox-content{z-index:1;width:min(1800px, calc(100dvw - var(--lightbox-edge-gap) * 2));height:min(1012px, calc(100dvh - var(--lightbox-edge-gap) * 2));max-width:calc(100dvw - var(--lightbox-edge-gap) * 2);max-height:calc(100dvh - var(--lightbox-edge-gap) * 2);border:1px solid var(--portal-border-strong);border-radius:var(--portal-radius-md);background:#010404fa;grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 120px #000000b8}.sample-lightbox-toolbar{border-bottom:1px solid var(--portal-border);background:#040b0af5;justify-content:space-between;align-items:center;gap:16px;min-width:0;min-height:58px;padding:12px 14px;display:flex}.sample-lightbox-toolbar>div{align-items:center;gap:10px;min-width:0;display:flex}.sample-lightbox-toolbar strong{color:var(--portal-text);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:760;overflow:hidden}.sample-lightbox-toolbar small{color:var(--portal-text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sample-lightbox-close{flex:none;width:36px;height:34px}.sample-lightbox-image{min-height:0;padding:var(--lightbox-image-padding);justify-content:center;align-items:center;display:flex;overflow:hidden}.sample-lightbox-image img{object-fit:contain;width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%}.sample-lightbox-image .sample-placeholder{width:100%;height:100%;min-height:420px}@media (min-aspect-ratio:16/9){.sample-lightbox-content{width:min(1800px, calc(100dvw - var(--lightbox-edge-gap) * 2), 162dvh)}}.empty-state,.empty-detail{text-align:center;place-items:center;display:grid}.empty-state h2,.empty-detail h2{margin:0;font-size:24px}.empty-state p,.empty-detail p{max-width:48ch;color:var(--portal-text-muted);font-size:14px;line-height:1.6}.empty-state button{min-height:40px;padding:0 14px}.is-demo-mode .preview-stage{filter:saturate(1.08)}@media (max-width:1680px){:root{--portal-topbar-height:76px}.portal-main{grid-template-columns:244px minmax(0,1fr) minmax(232px,260px);gap:12px;padding:12px}.portal-topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;padding-inline:14px}.portal-brand{min-height:54px;padding-inline:30px}.portal-brand:before{inset:-5px -42px}.portal-brand-mark{flex-basis:52px;width:52px;height:52px}.portal-brand-mark img{width:44px;height:44px}.portal-brand h1{font-size:24px}.portal-topbar-side{gap:7px;font-size:11px}.theme-nav{gap:9px;padding:11px}.theme-nav-list{gap:6px}.theme-nav-item{grid-template-columns:27px 29px minmax(0,1fr) 34px;gap:7px;min-height:62px;padding:6px 7px}.theme-nav-icon{width:25px;height:25px}.theme-nav-order{font-size:15px}.theme-nav-copy strong{font-size:12px}.theme-nav-copy small{max-height:2.64em;font-size:10px;line-height:1.32}.theme-nav-count{min-width:34px;font-size:10px}.detail-panel{gap:8px;padding:10px}.decision-question{font-size:14px}.detail-panel .detail-section{gap:5px;padding-bottom:10px}.detail-panel .detail-section h2{font-size:12px}.detail-panel .detail-section p,.detail-panel .memory-list li,.detail-panel .detail-current-sample small{font-size:11px}.detail-panel .chip-row,.detail-panel .technology-badges{gap:6px}.detail-panel .chip-row span,.detail-panel .technology-badges li{min-height:23px;padding:3px 7px;font-size:11px}}@media (max-width:1280px){:root{--portal-topbar-height:74px}body{overflow:auto}.portal-app{grid-template-rows:auto minmax(0,1fr);height:auto;min-height:100vh;overflow:visible}.portal-topbar{grid-template-columns:1fr}.portal-topbar-side{display:none}.portal-brand{justify-self:center;padding-inline:22px}.portal-brand:before{inset-inline:-26px}.portal-main{grid-template-columns:minmax(0,1fr);overflow:visible}.detail-panel{overflow:visible}.theme-nav{position:static}.theme-nav-list{scrollbar-gutter:auto;grid-auto-columns:minmax(220px,260px);grid-auto-flow:column;overflow:auto hidden}}@media (max-width:720px){:root{--portal-topbar-height:70px}.portal-brand{align-items:center;gap:10px;min-height:56px;padding-inline:8px}.portal-brand:before{inset:-4px -14px}.portal-brand-mark{flex-basis:46px;width:46px;height:46px}.portal-brand-mark img{width:38px;height:38px}.portal-brand h1{white-space:normal;font-size:18px}.theme-nav{gap:8px;padding:10px}.theme-nav-mobile-control{gap:7px;display:grid}.theme-nav-mobile-control label{color:var(--portal-accent);font-size:12px;font-weight:760}.theme-nav-select-wrap{position:relative}.theme-nav-select-wrap:after{border-right:1px solid var(--portal-text-muted);border-bottom:1px solid var(--portal-text-muted);content:"";pointer-events:none;width:8px;height:8px;position:absolute;top:50%;right:13px;transform:translateY(-65%)rotate(45deg)}.theme-nav-mobile-control select{border:1px solid var(--portal-border-strong);border-radius:var(--portal-radius-sm);appearance:none;background:linear-gradient(90deg, #00322552, #111d1ceb), var(--portal-bg-control);width:100%;min-height:44px;color:var(--portal-text);outline:0;padding:0 38px 0 12px;font-size:14px;font-weight:720}.theme-nav-mobile-control select:focus-visible{outline:2px solid var(--portal-accent);outline-offset:2px}.theme-nav-mobile-control p{color:var(--portal-text-muted);flex-wrap:wrap;gap:4px 8px;margin:0;font-size:12px;line-height:1.42;display:flex}.theme-nav-mobile-control p span{color:var(--portal-text-soft)}.theme-nav-list,.theme-nav-legend{display:none}.preview-wall-toolbar,.preview-wall-meta{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.sample-caption{align-items:start}.sample-caption h3,.sample-caption p{white-space:normal}.sample-switcher{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));justify-content:stretch;width:100%;height:auto;padding:4px;display:grid}.sample-switcher button{min-width:0;height:auto;min-height:40px;padding:0 7px}.sample-switcher strong{font-size:12px}.memory-list{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}