:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f0e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#07110d;--panel:#0c1a14;--panel-strong:#12251d;--line:#d8c48438;--line-soft:#f4f0e81a;--gold:#d8c484;--gold-soft:#d8c48426;--green:#7bbf83;--text:#f4f0e8;--muted:#aab8ae;--success:#7bbf83;background:#07110d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{--bg:#07110d;--panel:#0c1a14;--panel-strong:#12251d;--line:#d8c48438;--line-soft:#f4f0e81a;--gold:#d8c484;--gold-soft:#d8c48426;--green:#7bbf83;--text:#f4f0e8;--muted:#aab8ae;--success:#7bbf83;min-height:100vh;color:var(--text);background:linear-gradient(180deg, #d8c4840d, #07110d00 380px), var(--bg);grid-template-columns:minmax(250px,292px) minmax(0,1fr);display:grid}.app-shell[data-design-mode=ivory_club_paper] .club-selector select:disabled,.app-shell[data-design-mode=ivory_club_paper] .auth-input-row input:disabled{color:#18201c73}.app-shell[data-design-mode=owner_cabinet_dark]{--bg:#020403;--panel:#080d0b;--panel-strong:#0d1712;--line:#eacd9a33;--line-soft:#f4f0e816;--gold:#d4af37;--gold-soft:#d4af3721;--green:#74bf83;--text:#f2efe5;--muted:#a3afa7;--success:#74bf83;background:linear-gradient(180deg, #d4af370e, #02040300 360px), radial-gradient(circle at 76% 8%, #d4af3717, transparent 32%), var(--bg)}.app-shell[data-design-mode=ivory_club_paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f1e7;--panel:#fffdf7;--panel-strong:#f3ead7;--line:#5348352e;--line-soft:#18201c1a;--gold:#b8954b;--gold-soft:#b8954b1f;--green:#2f6b45;--text:#18201c;--muted:#657066;--success:#2f6b45;background:linear-gradient(180deg, #b8954b21, #f6f1e700 360px), radial-gradient(circle at 80% 7%, #eacd9a57, transparent 32%), var(--bg)}.app-shell[data-design-mode=ontoart_resonance]{--bg:#11100d;--panel:#1c1813;--panel-strong:#242016;--line:#c99f6147;--line-soft:#f4eee31f;--gold:#c99f61;--gold-soft:#c99f6129;--green:#a9b579;--text:#f4eee3;--muted:#c8bda8;--success:#a9b579;background:linear-gradient(90deg, #c99f6112 0 1px, transparent 1px 72px), linear-gradient(180deg, #7b8c5c12 0 1px, transparent 1px 72px), radial-gradient(circle at 74% 10%, #7b8c5c2e, transparent 36%), var(--bg)}.sidebar{border-right:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 9%, transparent), transparent 34%), color-mix(in srgb, var(--bg) 94%, black 6%);flex-direction:column;gap:18px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.app-shell[data-design-mode=ivory_club_paper] .sidebar{background:#fffdf7f0}.brand-stack{border-bottom:1px solid var(--line-soft);gap:14px;padding-bottom:18px;display:grid}.brand-lockup{gap:12px;display:grid}.brand-mark{object-fit:contain;width:54px;height:54px}.brand-wordmark{width:min(190px,100%);height:auto}.brand-stack span,.eyebrow,.nav-title{color:var(--gold);letter-spacing:0;text-transform:uppercase;font-size:.75rem;font-weight:700}.nav-group{gap:8px;display:grid}.nav-title{margin-bottom:2px}.nav-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;min-height:44px;padding:8px 9px;display:grid}.nav-item img{object-fit:contain;width:24px;height:24px}.nav-item:hover,.nav-item:focus-visible{border-color:var(--line);background:var(--gold-soft);outline:none}.nav-item.active{background:var(--gold-soft);border-color:#d8c4847a}.nav-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-item small{color:var(--muted);text-transform:uppercase;grid-column:2;font-size:.62rem;line-height:1}.workspace{align-content:start;gap:20px;padding:24px;display:grid}.topbar,.owner-hero,.surface-hero,.owner-product-grid,.owner-route-focus,.status-strip,.content-grid,.dev-readiness,.footer-notes{width:min(1240px,100%);margin:0 auto}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.product-topbar{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--panel) 78%, transparent);border-radius:8px;align-items:center;padding:12px}.product-topbar .topbar-actions{justify-content:flex-end;align-items:end;gap:10px;min-width:0;display:flex}.product-topbar .club-selector{width:min(310px,32vw)}.product-topbar .design-mode-switcher{width:min(330px,34vw)}.product-topbar .club-selector small,.product-topbar .design-mode-switcher small{display:none}.product-topbar .language-button{min-width:88px}.platform-heading{align-items:center;gap:12px;min-width:0;display:flex}.platform-heading-mark{object-fit:contain;width:42px;height:42px}.platform-heading strong{color:var(--text);margin-top:2px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,2vw,2rem);font-weight:500;line-height:1;display:block}.tenant-heading{align-items:flex-start;gap:14px;min-width:0;display:flex}.tenant-heading img{object-fit:cover;background:#030504;border-radius:50%;flex:none;width:52px;height:52px}.topbar-actions{justify-items:end;gap:10px;min-width:min(320px,100%);display:grid}.topbar h1{max-width:760px;color:var(--text);letter-spacing:0;margin:4px 0 0;font-size:clamp(2rem,4vw,4.2rem);font-weight:760;line-height:1}.owner-hero{border:1px solid var(--line);background:radial-gradient(circle at 28% 8%, color-mix(in srgb, var(--gold) 15%, transparent), transparent 28%), radial-gradient(circle at 80% 28%, color-mix(in srgb, var(--green) 18%, transparent), transparent 32%), linear-gradient(135deg, color-mix(in srgb, var(--panel) 86%, black 14%), var(--bg));border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(420px,.75fr);gap:18px;min-height:560px;padding:clamp(24px,4vw,52px);display:grid;position:relative;overflow:hidden}.surface-hero{border:1px solid var(--line-soft);background:linear-gradient(135deg, color-mix(in srgb, var(--gold) 13%, transparent), transparent 42%), color-mix(in srgb, var(--panel) 86%, transparent);border-radius:8px;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:stretch;gap:18px;padding:clamp(20px,4vw,42px);display:grid}.surface-hero-copy{align-content:center;gap:18px;min-width:0;display:grid}.surface-hero h1{max-width:620px;color:var(--text);overflow-wrap:anywhere;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.15rem,4vw,4rem);font-weight:500;line-height:1.02}.surface-hero p{max-width:760px;color:var(--muted);margin:0;font-size:1rem;line-height:1.55}.surface-actions{flex-wrap:wrap;gap:10px;display:flex}.surface-actions button{background:var(--gold);color:#10140f;cursor:pointer;border:1px solid #d8c48499;border-radius:8px;min-height:44px;padding:11px 16px;font-weight:700}.surface-actions .secondary-action{color:var(--text);background:0 0}.surface-summary-grid{align-content:center;gap:12px;min-width:0;display:grid}.surface-card{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--panel-strong) 78%, transparent);border-radius:8px;gap:8px;padding:18px;display:grid}.surface-card span{color:var(--gold);letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:700}.surface-card strong{color:var(--text);font-family:Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:500}.owner-hero:before{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--gold) 22%, transparent);content:"";opacity:.52;border-radius:50%;width:min(74vw,920px);position:absolute;inset:10% auto auto -10%}.owner-hero:after{pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--gold) 9%, transparent) 0 1px, transparent 1px 74px), linear-gradient(180deg, color-mix(in srgb, var(--green) 7%, transparent) 0 1px, transparent 1px 74px);content:"";position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 68%);mask-image:linear-gradient(135deg,#000,#0000 68%)}.owner-hero>*{z-index:1;position:relative}.owner-hero-copy{align-content:center;gap:22px;display:grid}.tenant-chip{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, transparent);border-radius:8px;align-items:center;gap:12px;width:fit-content;max-width:100%;padding:8px 12px 8px 8px;display:inline-flex}.tenant-chip img{object-fit:cover;background:#020403;border-radius:50%;width:48px;height:48px}.tenant-chip span,.tenant-chip strong{display:block}.tenant-chip span{color:var(--text);font-size:.94rem}.tenant-chip strong{color:var(--gold);letter-spacing:0;text-transform:uppercase;font-size:.72rem}.owner-hero h1{max-width:860px;color:var(--text);letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.25rem,6vw,5.85rem);font-weight:500;line-height:.92}.owner-hero p{max-width:720px;color:var(--muted);margin:0;font-size:clamp(1.05rem,1.4vw,1.28rem);line-height:1.55}.owner-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.owner-hero-actions button{border:1px solid var(--line);background:var(--gold);color:#07110d;cursor:pointer;border-radius:8px;min-height:46px;padding:11px 15px;font-weight:700}.owner-hero-actions .secondary-action{background:color-mix(in srgb, var(--panel) 88%, transparent);color:var(--text)}.owner-hero-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:820px;display:grid}.owner-visual-stack{align-content:center;gap:14px;min-width:0;display:grid}.owner-art-frame,.brand-reference-media,.screen-reference-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow:hidden}.owner-art-frame{align-items:center;min-height:390px;padding:12px;display:grid;position:relative}.owner-art-frame>img{object-fit:contain;object-position:top center;background:color-mix(in srgb, var(--panel-strong) 88%, var(--bg));width:100%;height:100%;min-height:390px;display:block}.owner-art-caption{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;gap:3px;padding:12px;display:grid;position:absolute;inset:auto 14px 14px}.owner-art-caption span,.mode-gallery>span{color:var(--gold);letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:700}.owner-art-caption strong{color:var(--text);font-size:1.05rem}.owner-art-caption small{color:var(--muted)}.mode-gallery{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--panel) 82%, transparent);border-radius:8px;gap:9px;padding:12px;display:grid}.mode-gallery>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mode-gallery figure{gap:6px;min-width:0;margin:0;display:grid}.mode-gallery figure img{aspect-ratio:16/9;border:1px solid var(--line-soft);object-fit:cover;object-position:top center;border-radius:8px;width:100%}.mode-gallery figure.active img{border-color:var(--gold);box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent)}.mode-gallery figcaption,.mode-gallery small{color:var(--muted);font-size:.74rem;line-height:1.35}.owner-product-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px;display:grid}.owner-route-focus{border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--gold) 12%, transparent), transparent 44%), color-mix(in srgb, var(--panel) 90%, transparent);border-radius:8px;grid-template-columns:minmax(260px,.78fr) minmax(0,1.18fr) minmax(280px,.9fr);gap:16px;padding:clamp(14px,2.2vw,22px);display:grid;position:relative;overflow:hidden}.owner-route-focus:before{pointer-events:none;border-top:1px solid color-mix(in srgb, var(--gold) 24%, transparent);border-bottom:1px solid color-mix(in srgb, var(--green) 14%, transparent);content:"";position:absolute;inset:10px}.owner-route-focus>*{z-index:1;position:relative}.owner-route-focus-media{border:1px solid var(--line-soft);background:var(--panel-strong);border-radius:8px;min-height:250px;position:relative;overflow:hidden}.owner-route-focus-media>img{object-fit:cover;object-position:top center;opacity:.9;width:100%;height:100%;display:block}.owner-route-focus-media:before,.owner-workroom-media:before{z-index:1;pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 2%, transparent), color-mix(in srgb, var(--bg) 58%, transparent)), linear-gradient(90deg, color-mix(in srgb, var(--gold) 16%, transparent), transparent 42%, color-mix(in srgb, var(--green) 10%, transparent));content:"";position:absolute;inset:0}.owner-route-focus-media:after,.owner-workroom-media:after{z-index:1;pointer-events:none;border-top:1px solid color-mix(in srgb, var(--gold) 28%, transparent);border-bottom:1px solid color-mix(in srgb, var(--green) 18%, transparent);content:"";position:absolute;inset:9px}.owner-route-focus-media>span{z-index:2;border:1px solid color-mix(in srgb, var(--gold) 44%, transparent);background:color-mix(in srgb, var(--bg) 76%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;bottom:12px;right:12px}.owner-route-focus-media>span img{object-fit:contain;width:31px;height:31px}.owner-route-focus-copy{align-content:center;gap:11px;min-width:0;display:grid}.owner-route-focus-copy>span{color:var(--gold);letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:800}.owner-route-focus-copy h2{max-width:780px;color:var(--text);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3.2vw,4.15rem);font-weight:500;line-height:.98}.owner-route-focus-copy p,.owner-route-focus-model{color:var(--muted);margin:0;font-size:1rem;line-height:1.5}.owner-route-focus-signals{align-content:start;gap:10px;display:grid}.owner-route-focus-signals div,.owner-route-focus-meta div{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--panel-strong) 82%, transparent);border-radius:8px;min-width:0;padding:12px}.owner-route-focus-signals small,.owner-route-focus-meta dt{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.7rem;font-weight:800;display:block}.owner-route-focus-signals strong{color:var(--gold);font-size:1.1rem;line-height:1.1}.owner-route-focus-meta{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;display:grid}.owner-route-focus-meta dd{color:var(--text);gap:4px;margin:0;font-size:.88rem;line-height:1.38;display:grid}.owner-route-focus-meta dd span{color:var(--muted);overflow-wrap:anywhere;font-size:.78rem}.owner-route-focus-model{border-left:1px solid color-mix(in srgb, var(--gold) 42%, transparent);grid-column:1/3;align-self:center;padding-left:12px}.owner-route-focus>button{border:1px solid var(--line);background:var(--gold);color:#07110d;cursor:pointer;border-radius:8px;place-self:center end;min-height:43px;padding:10px 14px;font-weight:800}.owner-workroom-gallery{border:1px solid var(--line);background:linear-gradient(90deg, color-mix(in srgb, var(--gold) 10%, transparent), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--panel) 92%, transparent), color-mix(in srgb, var(--panel-strong) 82%, transparent));border-radius:8px;gap:16px;width:min(1240px,100%);margin:0 auto;padding:clamp(18px,2.6vw,28px);display:grid;position:relative;overflow:hidden}.owner-workroom-gallery:before{pointer-events:none;border:1px solid color-mix(in srgb, var(--gold) 18%, transparent);content:"";border-radius:6px;position:absolute;inset:10px}.owner-workroom-gallery>*{z-index:1;position:relative}.owner-workroom-heading{gap:8px;max-width:840px;display:grid}.owner-workroom-heading span,.owner-workroom-copy span{color:var(--gold);letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:800}.owner-workroom-heading h2{color:var(--text);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,4rem);font-weight:500;line-height:.98}.owner-workroom-heading p{color:var(--muted);margin:0;font-size:1rem;line-height:1.55}.owner-workroom-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.owner-workroom-card{border:1px solid var(--line-soft);background:linear-gradient(150deg, color-mix(in srgb, var(--gold) 10%, transparent), transparent 48%), color-mix(in srgb, var(--panel-strong) 86%, transparent);border-radius:8px;grid-template-rows:128px auto auto auto auto auto;gap:12px;min-width:0;padding:12px;display:grid;overflow:hidden}.owner-workroom-media{border:1px solid var(--line-soft);background:var(--panel);border-radius:8px;position:relative;overflow:hidden}.owner-workroom-media>img{object-fit:cover;object-position:top center;opacity:.84;width:100%;height:100%;display:block}.owner-workroom-media>span{z-index:2;border:1px solid color-mix(in srgb, var(--gold) 42%, transparent);background:color-mix(in srgb, var(--bg) 74%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;bottom:10px;right:10px}.owner-workroom-media>span img{object-fit:contain;width:25px;height:25px}.owner-workroom-copy{gap:8px;display:grid}.owner-workroom-copy h3{color:var(--text);margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.42rem;font-weight:500;line-height:1.05}.owner-workroom-copy p,.owner-workroom-boundary small,.owner-workroom-signal small{color:var(--muted);margin:0;font-size:.84rem;line-height:1.42}.owner-workroom-signal,.owner-workroom-boundary{border-top:1px solid var(--line-soft);gap:4px;padding-top:10px;display:grid}.owner-workroom-signal strong{color:var(--gold);font-size:1.08rem}.owner-workroom-routes{flex-wrap:wrap;gap:6px;display:flex}.owner-workroom-routes button{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--panel) 72%, transparent);min-height:30px;color:var(--text);cursor:pointer;border-radius:8px;padding:5px 8px;font-size:.76rem}.owner-workroom-action{border:1px solid var(--line);background:var(--gold);color:#07110d;cursor:pointer;border-radius:8px;width:100%;min-height:39px;padding:9px 12px;font-weight:800}.owner-command-panel,.brand-reference-panel,.screen-reference-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, transparent);border-radius:8px;padding:20px}.owner-command-panel{gap:16px;display:grid}.owner-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.owner-action-card{border:1px solid var(--line-soft);background:linear-gradient(145deg, color-mix(in srgb, var(--gold) 11%, transparent), transparent 46%), var(--panel-strong);border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:14px;display:grid}.owner-action-card img{object-fit:contain;width:36px;height:36px}.owner-action-card strong{color:var(--text);font-size:1rem;display:block}.owner-action-card p{color:var(--muted);margin:4px 0 0;font-size:.86rem;line-height:1.35}.owner-action-card>span{color:var(--gold);white-space:nowrap;font-size:.76rem;font-weight:700}.brand-reference-panel{gap:12px;display:grid}.brand-reference-media img{object-fit:cover;object-position:center;width:100%;max-height:390px;display:block}.screen-reference-panel{grid-column:1/-1;grid-template-columns:minmax(220px,.85fr) minmax(0,1fr);align-items:center;gap:18px;display:grid}.screen-reference-panel img{border:1px solid var(--line-soft);object-fit:cover;object-position:top center;border-radius:8px;width:100%;max-height:270px}.screen-reference-panel h2,.owner-command-panel h2,.brand-reference-panel h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,3.2rem);font-weight:500;line-height:1}.screen-reference-panel p{max-width:680px;color:var(--muted);margin:12px 0 0}.compact-reference{grid-template-columns:minmax(140px,.34fr) minmax(0,1fr)}.compact-reference img{max-height:240px}.dev-readiness{gap:14px;display:grid}.dev-readiness>summary{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--panel) 72%, transparent);cursor:pointer;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(220px,.6fr);align-items:center;gap:12px;padding:15px 16px;list-style:none;display:grid}.dev-readiness>summary::-webkit-details-marker{display:none}.dev-readiness>summary span{color:var(--text);font-family:Georgia,Times New Roman,serif;font-size:1.5rem}.dev-readiness>summary small{color:var(--muted);line-height:1.35}.dev-readiness[open]>summary{border-color:var(--line)}.language-button{border:1px solid var(--line);background:var(--panel);min-height:42px;color:var(--text);cursor:pointer;border-radius:8px;padding:10px 14px}.design-mode-switcher{width:min(360px,100%);color:var(--muted);gap:7px;font-size:.82rem;display:grid}.design-mode-switcher>span{color:var(--gold);letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:700}.design-mode-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.design-mode-options button{border:1px solid var(--line);background:var(--panel);min-height:42px;color:var(--text);cursor:pointer;border-radius:8px;padding:8px 9px}.design-mode-options button.active{background:var(--gold-soft);color:var(--gold);border-color:#d8c4849e}.design-mode-switcher small{color:var(--muted);line-height:1.35}.language-button:hover,.language-button:focus-visible{border-color:#d8c484b3;outline:none}.club-selector{width:min(320px,100%);color:var(--muted);gap:6px;font-size:.82rem;display:grid}.club-selector span{color:var(--gold);letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:700}.club-selector select{border:1px solid var(--line);background:var(--panel);width:100%;min-height:42px;color:var(--text);border-radius:8px;padding:9px 11px}.club-selector select:disabled{color:#f4f0e870}.club-selector select:focus-visible{border-color:#d8c484b3;outline:none}.club-selector small{color:var(--muted);font-size:.76rem;line-height:1.35}.hero-panel{grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:stretch;gap:18px;display:grid}.hero-copy,.route-card,.panel,.status-strip{border:1px solid var(--line);background:var(--panel);border-radius:8px}.hero-copy{align-content:end;min-height:240px;padding:28px;display:grid}.hero-copy p{max-width:680px;color:var(--muted);margin:10px 0 0;font-size:1.08rem}.route-card{gap:16px;padding:24px;display:grid}.route-card-row{gap:6px;min-width:0;display:grid}.route-card-row span,.status-pill span,.metric-card span{color:var(--muted);font-size:.78rem}.route-card-row strong{font-size:1.35rem}code{overflow-wrap:anywhere;color:var(--gold);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem}.route-card-grid,.operations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.status-pill,.metric-card{border:1px solid var(--line-soft);background:var(--panel-strong);border-radius:8px;padding:14px}.status-pill{gap:4px;display:grid}.status-pill strong{color:var(--success);font-size:.95rem}.status-strip{flex-wrap:wrap;gap:10px;padding:14px;display:flex}.status-strip span,.footer-notes span{border:1px solid var(--line-soft);color:var(--muted);background:#d8c48414;border-radius:999px;padding:8px 11px}.content-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;display:grid}.panel{padding:22px}.panel-heading{gap:6px;margin-bottom:18px;display:grid}.panel-heading h2{margin:0;font-size:1.25rem}.metric-card{gap:7px;min-height:138px;display:grid}.metric-card strong{color:var(--text);font-size:1.35rem}.metric-card p{color:var(--muted);margin:0}.binding-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.binding-list li{border-left:2px solid var(--gold);color:var(--muted);padding-left:12px}.auth-panel,.route-access-panel{gap:14px;display:grid}.module-panel{grid-column:1/-1;gap:16px;display:grid}.module-summary{max-width:860px;color:var(--muted);margin:0}.module-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.module-detail-grid>div{border:1px solid var(--line-soft);background:var(--panel-strong);border-radius:8px;padding:14px}.module-detail-grid strong{color:var(--text)}.module-detail-grid p{color:var(--muted);margin:7px 0 0}.component-family-panel{position:relative;overflow:hidden}.component-family-panel:before{background:linear-gradient(90deg, var(--gold), transparent);content:"";width:100%;height:3px;position:absolute;inset:0 auto auto 0}.component-family-heading{grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);align-items:start}.component-family-heading p{max-width:820px;color:var(--muted);margin:0}.component-family-package{border:1px solid var(--line-soft);background:var(--panel-strong);border-radius:8px;gap:5px;padding:12px;display:grid}.component-family-package span,.component-family-package small{color:var(--muted);font-size:.78rem}.component-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.component-family-card{border:1px solid var(--line-soft);background:linear-gradient(140deg, var(--gold-soft), transparent 42%), var(--panel-strong);border-radius:8px;gap:14px;min-width:0;padding:16px;display:grid}.component-family-card span,.component-family-card dt{color:var(--gold);letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:700}.component-family-card strong{color:var(--text);margin-top:8px;font-size:1.08rem;display:block}.component-family-card p,.component-family-card dd{color:var(--muted);margin:6px 0 0}.component-family-card dl{gap:8px;margin:0;display:grid}.component-family-card dd{overflow-wrap:anywhere}.screen-section-panel:before{background:linear-gradient(90deg, var(--green), var(--gold), transparent)}.screen-section-card{background:linear-gradient(145deg, #225d3e2e, transparent 46%), var(--panel-strong)}.production-layout-panel:before{background:linear-gradient(90deg, var(--gold), var(--green), transparent)}.feature-layout-panel:before{background:linear-gradient(90deg, var(--green), var(--gold), transparent)}.production-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.production-layout-card{background:linear-gradient(145deg, #d8c48421, transparent 42%), var(--panel-strong)}.feature-layout-grid{gap:12px}.feature-layout-card{background:linear-gradient(145deg, #4a8b5a24, transparent 44%), var(--panel-strong)}.production-layout-status{border:1px solid var(--line);width:fit-content;color:var(--gold);background:var(--gold-soft);border-radius:999px;margin-top:10px;padding:5px 8px;font-size:.72rem;font-weight:700;display:block}.production-layout-status-production_layout_visible,.production-layout-status-preview_layout_visible,.feature-layout-status-feature_layout_visible,.feature-layout-status-preview_feature_layout{color:var(--green);background:#4a8b5a1f;border-color:#4a8b5a6b}.production-layout-status-blocked_live_schema,.production-layout-status-blocked_provider_secrets,.production-layout-status-blocked_mac_xcode,.feature-layout-status-blocked_live_schema,.feature-layout-status-blocked_provider_secrets,.feature-layout-status-blocked_mac_xcode{color:var(--gold);border-color:#d8c4846b}.production-experience-panel{border-color:color-mix(in srgb, var(--gold) 52%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--gold) 12%, transparent), transparent 44%), var(--panel);position:relative;overflow:hidden}.production-experience-panel:before{pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--gold) 10%, transparent) 0 1px, transparent 1px 42px), linear-gradient(180deg, color-mix(in srgb, var(--green) 8%, transparent) 0 1px, transparent 1px 42px);content:"";position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 68%);mask-image:linear-gradient(#000,#0000 68%)}.production-experience-panel>*{position:relative}.feature-experience-panel{border-color:color-mix(in srgb, var(--green) 48%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--green) 12%, transparent), transparent 44%), var(--panel)}.production-experience-grid{gap:14px;display:grid}.feature-experience-grid{gap:12px}.production-experience-card{border:1px solid var(--line-soft);background:linear-gradient(150deg, color-mix(in srgb, var(--gold) 13%, transparent), transparent 40%), var(--panel-strong);border-radius:8px;gap:16px;padding:18px;display:grid}.feature-experience-card{background:linear-gradient(150deg, color-mix(in srgb, var(--green) 14%, transparent), transparent 42%), var(--panel-strong)}.production-experience-main{grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);align-items:stretch;gap:16px;display:grid}.production-experience-main h3{color:var(--text);margin:8px 0 0;font-size:clamp(1.5rem,2.5vw,2.3rem);line-height:1.05}.production-experience-main p,.production-experience-meta p,.production-experience-metrics p,.production-experience-gates p{color:var(--muted);margin:8px 0 0}.production-experience-canvas{border:1px solid var(--line);background:linear-gradient(160deg, color-mix(in srgb, var(--green) 18%, transparent), transparent 45%), linear-gradient(24deg, color-mix(in srgb, var(--gold) 20%, transparent), transparent 56%), var(--panel);border-radius:8px;min-height:180px;position:relative;overflow:hidden}.feature-experience-canvas{background:linear-gradient(160deg, color-mix(in srgb, var(--green) 22%, transparent), transparent 45%), linear-gradient(24deg, color-mix(in srgb, var(--gold) 15%, transparent), transparent 56%), var(--panel)}.production-experience-canvas span,.production-experience-canvas strong,.production-experience-canvas em{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 88%, var(--gold) 12%);border-radius:8px;display:block;position:absolute;box-shadow:0 18px 38px #00000029}.production-experience-canvas span{width:28%;inset:18px auto 18px 18px}.production-experience-canvas strong{width:52%;height:58px;inset:24px 22px auto auto}.production-experience-canvas em{width:42%;height:72px;inset:auto 22px 24px auto}.production-experience-meta,.production-experience-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.production-experience-meta>div,.production-experience-metrics>div,.production-experience-gates{border:1px solid var(--line-soft);background:color-mix(in srgb, var(--panel) 72%, transparent);border-radius:8px;min-width:0;padding:13px}.production-experience-meta strong,.production-experience-metrics span,.production-experience-gates>strong,.production-gate span{color:var(--gold);letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:700}.production-experience-metrics strong{color:var(--text);margin-top:6px;font-size:1.16rem;display:block}.production-experience-gates{gap:10px;display:grid}.production-gate{border-left:2px solid var(--gold);padding-left:12px}.production-gate-preview_ready{border-color:var(--green)}.production-gate-provider_required,.production-gate-schema_required,.production-gate-content_required{border-color:var(--gold)}.guard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.compact-list li{overflow-wrap:anywhere}.compact-list strong{color:var(--text)}.auth-state{border:1px solid var(--line-soft);background:var(--panel-strong);border-radius:8px;gap:5px;padding:14px;display:grid}.auth-state strong{color:var(--text)}.auth-state span,.auth-note{color:var(--muted)}.auth-state.ready strong{color:var(--success)}.auth-state.preview strong,.auth-state.error strong,.auth-message{color:var(--gold)}.auth-form{gap:8px;display:grid}.auth-form label{color:var(--muted);font-size:.82rem}.auth-input-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.auth-input-row input{border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--text);border-radius:8px;padding:10px 12px}.auth-input-row input:disabled{color:#f4f0e870}.auth-input-row button,.secondary-action{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;padding:10px 12px}.auth-input-row button:disabled{cursor:not-allowed;opacity:.5}.auth-input-row button:not(:disabled):hover,.auth-input-row button:not(:disabled):focus-visible,.secondary-action:hover,.secondary-action:focus-visible{border-color:#d8c484b3;outline:none}.auth-note,.auth-message{margin:0;font-size:.86rem}.footer-notes{flex-wrap:wrap;gap:10px;padding-bottom:28px;display:flex}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.hero-panel,.owner-hero,.surface-hero,.owner-product-grid,.owner-route-focus,.owner-workroom-grid,.content-grid{grid-template-columns:1fr}.owner-hero{min-height:auto}.owner-visual-stack{align-content:start}.owner-art-frame,.owner-art-frame>img{min-height:300px}}@media (width<=680px){.workspace,.sidebar{padding:18px}.topbar{display:grid}.topbar-actions{justify-items:stretch}.topbar h1{font-size:2.25rem}.route-card-grid,.operations-grid,.owner-hero-stats,.owner-action-grid,.owner-route-focus-meta,.owner-workroom-grid,.guard-grid,.module-detail-grid,.component-family-heading,.component-family-grid,.production-layout-grid,.production-experience-main,.production-experience-meta,.production-experience-metrics,.screen-reference-panel,.compact-reference,.surface-summary-grid,.dev-readiness>summary,.auth-input-row{grid-template-columns:1fr}.nav-item{grid-template-columns:28px minmax(0,1fr)}.owner-hero{padding:22px}.owner-hero h1{font-size:3rem}.owner-route-focus-media{min-height:210px}.owner-route-focus-model{grid-column:auto}.owner-route-focus>button{justify-self:stretch}.mode-gallery>div{grid-template-columns:1fr}}