@import 'tokens.css';
@import 'fonts.css';

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font:14px/1.6 var(--font);color:var(--text);background:var(--canvas)}a{color:var(--accent)}button,input,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-height);border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:8px 15px;color:var(--text);text-decoration:none;cursor:pointer;font-weight:600;line-height:1.4}button:hover,.button:hover{background:var(--accent-soft);border-color:var(--accent)}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:var(--accent-hover)}button:disabled{color:var(--muted);background:#f1f5f9;cursor:not-allowed;border-color:var(--border)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}h2{font-size:28px;line-height:1.3;letter-spacing:-1px;margin:8px 0 16px}h3{font-size:16px;line-height:1.5;margin-bottom:10px}p{color:var(--secondary);margin:10px 0}small,.muted{color:var(--muted)}code{font-size:12px;overflow-wrap:anywhere}.book-nav{width:236px;position:fixed;inset:0 auto 0 0;background:var(--surface);border-right:1px solid var(--border);padding:32px 24px;display:flex;flex-direction:column;z-index:5}.brand{font-size:17px;font-weight:700;text-decoration:none;letter-spacing:-.5px;color:var(--text)}.brand-mark{display:inline-grid;place-items:center;background:var(--accent);color:#fff;width:28px;height:28px;border-radius:7px}.brand small{display:block;margin:8px 0 0 37px;font-size:10px;letter-spacing:2px}.edition{font-size:10px;color:var(--muted);margin:44px 0 24px;line-height:2;letter-spacing:1px}.book-nav nav{display:grid;gap:8px}.book-nav nav a{display:flex;gap:15px;padding:11px 8px;text-decoration:none;color:var(--muted);font-size:11px;border-radius:8px}.book-nav nav a span{font-size:13px;color:var(--secondary)}.book-nav nav a:hover,.book-nav nav a.active{background:var(--accent-soft);color:var(--accent)}.nav-bottom{margin-top:auto;font-size:12px}.dot{display:inline-block;width:6px;height:6px;background:var(--success);border-radius:50%;margin-right:7px}.nav-bottom small{font-size:10px}main{margin-left:236px;padding:0 48px;max-width:1900px}.book-header{height:88px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:1px}.pill{display:inline-block;margin-left:15px;padding:4px 9px;border:1px solid var(--border);border-radius:6px;color:var(--accent);letter-spacing:0}section{padding:56px 0;border-bottom:1px solid var(--border)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--accent)}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;padding:36px 0 52px}h1{font-size:clamp(36px,4vw,62px);line-height:1.12;letter-spacing:-3px}h1 span{color:var(--accent)}.lead{font-size:15px;line-height:1.8;margin:24px 0 28px}.hero-art{min-height:290px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#e9e7ff,transparent 70%)}.orbit{position:absolute;width:285px;height:285px;border:1px solid #dcd9ff;border-radius:50%;transform:rotate(-25deg) scaleX(1.2)}.art-card{transform:rotate(-5deg);background:#fff;border:1px solid #eceafb;border-radius:18px;padding:24px 30px;box-shadow:0 25px 50px #4a40d415;width:260px}.art-card>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.art-card strong{display:block;font-size:48px;line-height:1.5;letter-spacing:-2px}.art-card strong span{font-size:25px;color:var(--muted)}.art-bars{display:flex;align-items:end;height:70px;gap:7px;margin-bottom:15px}.art-bars i{flex:1;background:var(--accent);border-radius:3px 3px 0 0;height:45%}.art-bars i:nth-child(2n){height:65%;opacity:.5}.art-bars i:nth-child(3n){height:85%;opacity:.7}.art-bars i:last-child{height:100%}.art-card small{font-size:8px}.art-tag{position:absolute;bottom:10px;right:4px;transform:rotate(5deg);padding:10px 18px;background:var(--success-soft);color:var(--success);border:1px solid #c7e6cc;border-radius:8px;font-size:11px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.principles article{border-top:1px solid var(--border);padding-top:18px}.principles b{font-size:11px;color:var(--accent)}.principles h3{margin-top:14px}.principles p{font-size:12px}.notice{padding:16px 20px;background:var(--accent-soft);border-left:3px solid var(--accent);color:var(--secondary);font-size:12px;margin-top:28px;border-radius:0 8px 8px 0}.section-intro{max-width:760px;margin-bottom:28px}.review-grid,.foundation-grid,.component-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px}.review-grid .panel,.component-grid .panel{margin:0}.panel-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-bottom:20px}.panel p{font-size:13px}.recommend{border-top:1px solid var(--border);padding:14px 0;color:var(--secondary);font-size:12px}.panel code{color:var(--muted);font-size:10px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;white-space:nowrap;border-radius:6px;padding:4px 8px}.success{color:var(--success);background:var(--success-soft)}.warning{color:var(--warning);background:var(--warning-soft)}.danger{color:var(--danger);background:var(--danger-soft)}.neutral{color:var(--secondary);background:#f1f5f9}.info{color:var(--info);background:var(--info-soft)}.evidence{margin-top:20px}.evidence summary{cursor:pointer;font-weight:600}.evidence img{display:block;width:100%;max-height:600px;object-fit:contain;margin-top:20px;background:#032b50}.section-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:15px 0 24px}.section-heading>p,.section-heading>div{flex:1}.color-control{display:flex;gap:10px;align-items:center;white-space:nowrap}input[type=color]{width:36px;height:36px;padding:3px}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:24px}.swatch{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}.swatch .paint{height:90px}.swatch .caption{padding:12px;font-size:11px}.caption strong,.caption code{display:block}.caption code{color:var(--muted);font-size:10px}.type-large{font-size:25px;font-weight:600;line-height:1.3;margin:24px 0}.numerals{font-variant-numeric:tabular-nums;font-size:25px;letter-spacing:-1px}.spacing{display:flex;gap:12px;align-items:end;height:58px;margin:18px 0}.spacing i{height:32px;background:var(--accent);border-radius:3px}.contrast-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.contrast-pair{padding:12px;border-radius:8px;font-size:12px}.contrast-pair strong{display:block}.architecture{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 30px;color:var(--muted);font-size:12px;flex-wrap:wrap}.architecture span{padding:12px 18px;background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--secondary)}.examples{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}hr{border:0;border-top:1px solid var(--border);margin:24px 0}label{display:block;font-size:12px;font-weight:500;color:var(--secondary)}input:not([type=checkbox]):not([type=color]),select{height:40px;border:1px solid #cbd5e1;background:var(--surface);border-radius:8px;padding:8px 12px;color:var(--text);max-width:100%;min-width:0}label>input:not([type=checkbox]):not([type=color]),label>select{display:block;width:100%;margin:6px 0 12px}input::placeholder{color:var(--muted)}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.inline{display:inline-flex;align-items:center;gap:8px}.inline>select{margin:0;width:auto}.invalid{border-color:var(--danger)!important}.error{display:block;color:var(--danger);font-size:11px;margin-top:-6px}.tabs,.screen-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);overflow-x:auto}.tabs button,.screen-tabs button{border:0;border-radius:0;background:transparent;color:var(--muted);font-size:12px;white-space:nowrap;border-bottom:2px solid transparent}.tabs button.selected,.screen-tabs button.selected{color:var(--accent);border-bottom-color:var(--accent)}.state-preview{text-align:center;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.state-preview p{margin:6px 0 14px}.state-icon{font-size:28px;color:var(--accent)}ol{padding-left:18px;color:var(--secondary);font-size:13px}li{margin:12px 0}.preview-outer{overflow:auto;background:#e9ecf3;border:1px solid var(--border);border-radius:0 0 12px 12px;padding:18px}.app-preview{background:var(--canvas);width:100%;min-height:650px;margin:auto;border:1px solid var(--border);border-radius:10px;overflow:hidden;container-type:inline-size}.product-shell{display:grid;grid-template-columns:168px 1fr;min-height:650px}.product-nav{background:var(--surface);border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;gap:5px}.product-logo{font-weight:700;margin:0 5px 27px;font-size:12px}.product-logo span{color:var(--accent)}.product-nav button{justify-content:start;border:0;font-size:11px;min-height:34px;padding:8px 10px;background:transparent;color:var(--secondary)}.product-nav button.selected{background:var(--accent-soft);color:var(--accent)}.product-nav .nav-caption{font-size:8px;color:var(--muted);letter-spacing:1px;padding:15px 10px 6px}.product-nav .account{margin-top:auto;font-size:10px;padding:20px 8px;color:var(--muted)}.product-body{min-width:0}.product-topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 20px;display:flex;gap:14px;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.product-topbar select{height:32px;font-size:11px;max-width:190px}.product-content{padding:24px;min-width:0}.product-content h2{font-size:23px;letter-spacing:-.8px;margin:0 0 4px}.product-content p{font-size:11px;margin:4px 0}.product-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.product-content button{font-size:11px;min-height:34px;padding:7px 11px}.product-content input,.product-content select{font-size:11px;height:34px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.kpi{padding:17px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:10px;color:var(--muted)}.kpi strong{display:block;font-size:24px;color:var(--text);margin-top:6px;font-variant-numeric:tabular-nums;letter-spacing:-1px}.kpi small{color:var(--success);font-size:9px}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.toolbar{display:flex;gap:8px;padding:14px;flex-wrap:wrap}.toolbar input{flex:1;min-width:130px!important}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px}th{background:#f8f9fc;text-align:left;font-weight:500;color:var(--muted);font-size:10px}td,th{padding:14px 15px;border-bottom:1px solid var(--border);height:48px}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td small{display:block;font-size:9px}tr.total td{background:var(--accent-soft);font-weight:600}tbody tr:hover td{background:var(--accent-soft)}table button.link{background:none;border:0;padding:0;color:var(--accent);min-height:0;text-align:left}table .badge{font-size:9px}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;font-size:10px;color:var(--muted)}.table-footer button{min-height:26px}.progress{height:4px;background:#eaeaf3;border-radius:3px;margin-top:6px;overflow:hidden}.progress i{height:100%;display:block;background:var(--accent)}.screen-note{font-size:12px;margin-top:16px}.crumbs{font-size:10px;color:var(--muted);margin-bottom:16px}.structure-layout{display:grid;grid-template-columns:210px 1fr;gap:16px}.tree,.detail-card{padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.tree button{display:block;width:100%;text-align:left;border:0;margin:6px 0;background:transparent}.tree .selected{background:var(--accent-soft);color:var(--accent)}.tree small{color:var(--muted);font-size:9px}.detail-card h3{font-size:14px}.detail-card .kpis{margin-top:20px}.detail-card .kpi{padding:10px}.detail-card .kpi strong{font-size:18px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:16px}.form-section{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:20px;margin-bottom:16px}.form-section h3{font-size:14px}.form-section label{font-size:10px}.form-section input{width:100%}.form-summary{align-self:start;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:10px;font-size:11px}.form-summary p{padding:10px 0;border-bottom:1px solid var(--border)}.actionbar{display:flex;justify-content:flex-end;gap:8px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.creative-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.creative-art{height:125px;display:grid;place-content:center;background:#211c58;color:white;text-align:center;font-size:20px;letter-spacing:-1px;font-weight:600}.creative-art.orange{background:#ff754b;color:#321a12}.creative-art.green{background:#e3f1c2;color:#25380a}.creative-art small{font-size:8px;letter-spacing:2px;color:inherit}.creative-meta{padding:12px}.creative-meta h3{font-size:11px;margin-bottom:5px}.creative-meta p{font-size:9px}.chart{padding:20px;border:1px solid var(--border);border-radius:10px;background:var(--surface);margin-bottom:18px}.chart-header{display:flex;justify-content:space-between;align-items:center}.chart-header h3{font-size:12px}.chart svg{width:100%;height:175px;margin-top:12px}.chart-legend{font-size:10px;color:var(--muted)}.login-preview{min-height:650px;display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}.login-story{background:#211c58;color:white;padding:45px;display:flex;flex-direction:column;justify-content:space-between}.login-story h2{color:white;font-size:32px}.login-story p{color:#d4d0ee;font-size:13px}.login-story .login-symbol{font-size:100px;color:#a59dff;line-height:1.2}.login-form-wrap{display:grid;place-items:center;padding:32px}.login-form{width:100%;max-width:300px}.login-form h2{font-size:24px}.login-form>button{width:100%;margin-top:18px}.login-form p{font-size:12px;margin:12px 0 24px}.login-form label{margin-top:16px}.skeleton{width:90%;height:14px;border-radius:4px;background:linear-gradient(90deg,#eceef4,#f8f9fc,#eceef4);margin:7px;animation:pulse 1.4s infinite}.skeleton:nth-child(2){width:70%}@keyframes pulse{50%{opacity:.4}}footer{padding:32px 0;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:1px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--text);color:white;padding:12px 20px;box-shadow:0 10px 30px #0f172a22;border-radius:10px;z-index:30;max-width:90vw;font-size:13px}dialog{border:1px solid var(--border);border-radius:16px;padding:28px;max-width:440px}dialog::backdrop{background:#0f172a77}
@container(max-width:700px){.product-shell{grid-template-columns:1fr}.product-nav{flex-direction:row;overflow:auto;padding:8px;border-right:0;border-bottom:1px solid var(--border)}.product-logo,.product-nav .nav-caption,.product-nav .account{display:none}.product-nav button{white-space:nowrap}.product-content{padding:16px}.product-heading{align-items:flex-start;flex-wrap:wrap}.structure-layout,.form-layout{grid-template-columns:1fr}.tree{display:flex;overflow:auto;gap:4px}.tree button{white-space:nowrap}.tree>small{display:none}.library-grid{grid-template-columns:1fr 1fr}.login-preview{grid-template-columns:1fr}.login-story{display:none}.kpi{padding:12px}.kpi strong{font-size:18px}.two-cols{grid-template-columns:1fr}.product-topbar{padding:10px 16px}.product-topbar>span{display:none}}
@media(min-width:1600px){main{padding:0 72px}.hero{min-height:400px}.hero-art{min-height:320px}}@media(max-width:1100px){.book-nav{width:190px;padding:25px 16px}main{margin-left:190px;padding:0 26px}.hero{grid-template-columns:1fr}.hero-art{display:none}.swatches{grid-template-columns:repeat(3,1fr)}.contrast-grid{grid-template-columns:1fr 1fr}.review-grid,.component-grid{gap:14px}.panel{padding:20px}}@media(max-width:760px){.book-nav{position:static;width:auto;padding:18px}.edition,.nav-bottom{display:none}.book-nav nav{display:flex;overflow:auto;margin-top:15px;gap:6px}.book-nav nav a{white-space:nowrap;padding:6px;font-size:10px}.book-nav nav a span{font-size:11px}.book-nav .brand small{display:inline;margin-left:12px}main{margin:0;padding:0 20px}.book-header{height:62px;font-size:9px}.book-header>div{font-size:0}.pill{font-size:9px}section{padding:38px 0}h1{letter-spacing:-2px;font-size:40px}.hero{padding:26px 0}.principles,.review-grid,.foundation-grid,.component-grid{grid-template-columns:1fr}.principles{gap:20px}.swatches{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:flex-start}.section-heading>p{flex-basis:100%}.preview-outer{padding:6px}.screen-tabs{margin-top:20px}.book-nav nav a.active{background:var(--accent-soft)}footer{font-size:8px}.architecture{justify-content:flex-start}.architecture span{padding:8px}.contrast-grid{grid-template-columns:1fr 1fr}h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important}}
/* v0.2 — layout concepts from the CTV HOUSE Figma snapshot, adapted to DSP. */
.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.reference-grid .panel{margin-bottom:0}.swatches{display:block}.palette-group{margin:24px 0}.palette-group>h3{display:flex;gap:14px;align-items:center}.palette-group>h3 span{font-size:10px;color:var(--muted);font-weight:400}.palette-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px}.swatch .paint{height:80px}.swatch .caption{padding:12px}.swatch .caption small{display:block;font-size:9px;margin-top:5px}.contrast-grid{grid-template-columns:repeat(3,1fr)}.workflow-map{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:24px 0;font-size:12px}.workflow-map>span{font-weight:600}.workflow-map>i{font-style:normal;color:var(--muted)}.workflow-map>a{margin-left:auto;font-size:11px;min-height:36px;padding:6px 12px}.preview-outer{padding:12px}.app-preview{min-height:780px}.product-shell{grid-template-columns:224px 1fr;min-height:780px}.product-nav{padding:30px 16px;gap:8px;background:var(--surface)}.product-logo{display:flex;flex-direction:column;gap:10px;margin:0 12px 32px}.product-logo img{width:158px;height:auto;object-fit:contain;mix-blend-mode:multiply}.product-logo>span{font-size:9px;letter-spacing:3px;color:var(--muted)}.product-nav .nav-caption{font-size:9px;padding:16px 12px}.product-nav>button{min-height:48px;padding:12px 16px;font-size:13px;border-radius:12px;gap:12px}.product-nav>button.selected{background:var(--accent);color:#fff}.nav-icon{font-size:20px;line-height:1}.nav-account{display:flex;gap:10px;align-items:center;margin-top:auto;padding:48px 8px 16px;font-size:12px}.nav-account small{display:block;font-size:10px;color:var(--muted)}.avatar{display:grid;place-items:center;border-radius:50%;background:var(--p-light-grey);width:34px;height:34px;color:var(--secondary)}.product-nav .reset-prototype{font-size:10px;min-height:30px;padding:8px;color:var(--muted)}.product-topbar{min-height:80px;padding:14px 32px;background:var(--surface)}.scope-label{font-size:8px;letter-spacing:1.5px;display:block;margin-bottom:4px}.product-topbar strong{font-size:12px;font-weight:500}.product-topbar strong>span{font-size:10px}.local-indicator{font-size:10px;white-space:nowrap}.dot{background:var(--p-dark-green)}.product-content{padding:32px}.product-content h2{font-size:32px;line-height:1.25;letter-spacing:-1.2px;margin:8px 0}.product-content .product-heading>div>p{font-size:12px;line-height:1.6}.product-heading{align-items:center;margin-bottom:28px}.product-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.product-content button{font-size:12px;min-height:42px;padding:10px 16px;border-radius:10px}.product-content button.primary{font-weight:500}.product-content input:not([type=checkbox]),.product-content select{height:48px;font-size:13px;border-radius:12px}.product-content textarea{font-size:13px}.product-content .kpis{gap:16px;margin-bottom:26px}.product-content .kpi{padding:20px;font-size:11px;border-radius:12px}.product-content .kpi strong{font-size:28px;line-height:1.4}.product-content .kpi small{font-size:10px;color:var(--muted)}.table-card{border-radius:14px}.toolbar{padding:20px;gap:12px}.product-content .toolbar>input{flex:1;min-width:150px}.product-content .toolbar select{max-width:180px}.product-content .text-button,.text-button{border:0;background:transparent;color:var(--accent);padding:6px 4px;min-height:32px;font-size:12px;font-weight:500}.product-content .text-button:hover{background:var(--accent-soft)}.product-content .danger-text{color:var(--danger)}.product-content table{font-size:12px}.product-content th{font-size:10px;background:var(--p-lighter-grey);text-align:left}.product-content td,.product-content th{height:64px;padding:16px}.product-content td small{margin-top:5px;font-size:10px}.product-content table .link{font-size:12px;min-height:28px;line-height:1.4;white-space:normal;max-width:230px}.product-content table .text-button{font-size:11px}.product-content table .badge{font-size:10px}.badge{background:var(--p-light-grey);color:var(--secondary);font-weight:500}.badge.success{color:var(--text);background:var(--p-light-green)}.badge.warning{color:var(--text);background:var(--p-light-yellow)}.badge.danger{color:var(--p-darker-red);background:var(--p-light-red)}.status-mark{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--p-mid-grey)}.success .status-mark{background:var(--p-dark-green)}.warning .status-mark{background:var(--p-amber)}.table-footer{padding:16px 20px;font-size:11px}.prototype-hint{margin-top:20px;font-size:11px;color:var(--muted);line-height:1.7}.crumbs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:11px;margin-bottom:10px}.crumbs .text-button{font-size:11px;min-height:24px;padding:0}.wizard-steps{display:flex;margin:24px 0 28px;border-bottom:1px solid var(--border);gap:10px}.product-content .wizard-steps button{border:0;border-radius:0;background:transparent;padding:12px 5px 16px;color:var(--muted);border-bottom:3px solid transparent;font-size:12px;gap:8px;white-space:nowrap}.wizard-steps button>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--p-light-grey);font-size:10px}.product-content .wizard-steps .current{color:var(--accent);border-bottom-color:var(--accent)}.wizard-steps .current>span{background:var(--accent);color:#fff}.wizard-steps .complete>span{background:var(--p-light-green);color:var(--text)}.form-layout{grid-template-columns:minmax(0,1fr) 215px;gap:24px}.product-content .form-section{padding:28px;margin:0 0 20px;border-radius:14px;background:var(--surface)}.form-section .section-number{font-size:9px;color:var(--muted);letter-spacing:1.5px;margin-bottom:8px}.product-content .form-section h3{font-size:20px;letter-spacing:-.5px;margin-bottom:10px}.product-content .form-section>p{font-size:12px;margin:8px 0 24px}.product-content .field-label,.field-label{font-size:13px;font-weight:500;display:block;margin:18px 0}.field-label>input,.field-label>select,.field-label>textarea{display:block;width:100%;margin:8px 0 0;font-size:14px}.product-content .field-label>input,.product-content .field-label>select{height:56px;border-radius:12px}.field-label textarea{padding:12px 16px;background:var(--surface);border:1px solid var(--p-grey);border-radius:12px;font:inherit;resize:vertical;min-height:100px;color:var(--text)}.field-error{display:block;color:var(--danger);font-size:11px;margin-top:5px}.field-error:empty{display:none}.two-cols{gap:20px}.form-section .two-cols>.field-label{margin:12px 0}.inline-note,.inherit-banner{background:var(--p-lighter-grey);color:var(--secondary);padding:14px 16px;border-radius:10px;font-size:12px;line-height:1.7;margin:18px 0}.form-summary{padding:24px 20px;border:0;border-left:1px solid var(--border);background:transparent;border-radius:0;position:sticky;top:20px}.form-summary .eyebrow{font-size:9px;margin-bottom:12px;color:var(--muted)}.form-summary h3{font-size:16px;overflow-wrap:anywhere}.product-content .form-summary p{font-size:11px;padding:14px 0}.form-summary p>strong{display:block;color:var(--text);font-size:13px;margin-top:5px;font-weight:500}.summary-help{font-size:10px;color:var(--muted);padding-top:14px}.product-content .actionbar{padding:18px 24px;gap:12px;background:var(--surface);border-radius:12px}.save-status{margin-right:auto;color:var(--muted);font-size:11px;align-self:center}.form-server-error{color:var(--danger);font-size:12px;margin:12px 0}.inherit-control{display:flex;align-items:center;gap:12px;padding:18px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 20%,white);border-radius:12px;margin:20px 0;font-size:12px}.inherit-control input{flex:none}.inherit-control small{display:block;font-size:11px;font-weight:400;line-height:1.6;margin-top:4px}.inherit-icon{margin-left:auto;font-size:24px;color:var(--accent)}.product-content input:disabled{background:var(--p-light-grey);color:var(--secondary);border-color:var(--border);cursor:not-allowed}.definition{margin:20px 0;font-size:12px}.definition>div{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,1.3fr);gap:20px;padding:12px 0;border-bottom:1px solid var(--border)}.definition dt{color:var(--muted)}.definition dd{margin:0;color:var(--text);overflow-wrap:anywhere}.entity-tabs{margin-bottom:24px}.product-content .entity-tabs button{font-size:13px;padding:8px 12px}.structure-layout{grid-template-columns:235px minmax(0,1fr);gap:20px}.structure-tree{background:var(--surface);border:1px solid var(--border);padding:16px 12px;border-radius:12px;align-self:start}.tree-heading{font-size:8px;letter-spacing:1.4px;color:var(--muted);padding:8px 10px 14px}.product-content .structure-tree button{display:flex;align-items:start;gap:10px;width:100%;text-align:left;border:0;border-radius:8px;background:transparent;padding:12px 10px;font-size:12px;line-height:1.5;justify-content:flex-start;overflow-wrap:anywhere}.structure-tree button.selected{background:var(--accent-soft);color:var(--accent)}.structure-tree button small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.tree-flight{border-left:1px solid var(--border);margin-left:12px}.product-content .structure-tree .tree-group{padding-left:24px;font-size:11px}.product-content .structure-tree .tree-add{color:var(--accent);font-size:10px;padding-left:12px}.detail-card{padding:24px;min-width:0;border-radius:12px}.detail-heading{display:flex;gap:16px;justify-content:space-between;align-items:start}.detail-heading h3{font-size:22px;line-height:1.35;letter-spacing:-.5px;margin-top:8px;overflow-wrap:anywhere}.detail-heading .eyebrow{font-size:9px}.detail-heading>button{font-size:11px;min-height:34px;padding:8px}.detail-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 16px}.detail-section-heading h3{font-size:15px;margin:0}.detail-section-heading h3 span{font-size:11px;color:var(--muted);font-weight:400}.detail-section-heading button{min-height:34px;font-size:11px;padding:7px 12px}.inherit-banner{font-size:11px;background:var(--accent-soft);color:var(--accent)}.inherit-pill{font-size:10px;color:var(--muted);white-space:nowrap}.empty-block{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:36px 18px;min-height:180px}.empty-block h3{font-size:17px;margin-top:10px}.empty-block>p{max-width:340px;margin:8px 0 18px;font-size:12px}.empty-glyph{font-size:36px;line-height:1.4;color:var(--p-mid-grey)}.ad-card{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--border);align-items:center}.ad-card h4{font-size:13px;margin:0}.ad-card p{font-size:10px;overflow-wrap:anywhere}.ad-thumb{width:80px;height:60px;border-radius:8px;background:var(--p-light-grey);flex:none;overflow:hidden;display:grid;place-items:center}.ad-thumb img{width:100%;height:100%;object-fit:cover}.ad-actions{margin-left:auto;display:flex;flex-direction:column;align-items:end}.ad-actions .text-button{font-size:10px;min-height:28px}.media-tabs{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--border);margin-bottom:24px;padding:12px 0}.media-tabs .selected{color:var(--accent)}.media-tabs b{font-size:10px;margin-left:6px;background:var(--accent-soft);padding:3px 6px;border-radius:4px}.media-dropzone{display:flex;align-items:center;gap:20px;background:var(--surface);padding:24px;border:1px dashed var(--p-grey);border-radius:12px;margin:20px 0}.media-dropzone>span{font-size:32px;color:var(--accent)}.media-dropzone strong{font-size:14px}.media-dropzone p{font-size:11px}.media-dropzone>small{margin-left:auto;font-size:10px;max-width:120px;text-align:right}.product-content .media-dropzone .text-button{min-height:0;padding:0;font-size:11px;vertical-align:baseline}.media-dropzone.dragging{border-color:var(--accent);background:var(--accent-soft)}.media-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 14px}.media-toolbar>input{flex:1;min-width:150px!important}.media-count{font-size:11px;color:var(--muted);margin-bottom:18px}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.media-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.media-card-preview{position:relative;aspect-ratio:16/9;background:var(--p-light-grey)}.product-content .media-open{border:0;border-radius:0;padding:0;width:100%;height:100%;display:grid;place-items:center;background:var(--p-light-grey);overflow:hidden}.media-open img{width:100%;height:100%;object-fit:cover}.media-check{position:absolute;z-index:1;top:8px;left:8px;background:#fff;border-radius:5px;display:grid;place-items:center;padding:3px}.media-check input{margin:0}.media-kind{position:absolute;right:8px;bottom:8px;background:#0f172acc;color:white;padding:3px 6px;font-size:8px;border-radius:4px;pointer-events:none}.media-card-body{padding:14px}.media-card-body h3{margin:0}.product-content .media-card-body h3 .text-button{font-size:13px;font-weight:600;min-height:0;display:block;padding:0;white-space:normal;text-align:left;overflow-wrap:anywhere}.media-card-body>p{font-size:10px;color:var(--muted);margin:8px 0 12px}.media-meta-bottom{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.media-meta-bottom .badge{font-size:9px}.media-meta-bottom small{font-size:9px}.media-actions{display:flex;justify-content:space-between;gap:6px;border-top:1px solid var(--border);padding-top:10px;margin-top:14px;flex-wrap:wrap}.product-content .media-actions .text-button{font-size:9px;min-height:25px;padding:4px 0}.file-glyph{font-size:44px;color:var(--accent)}.upload-queue{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;margin:20px 0}.upload-queue .detail-section-heading{margin:0 0 12px}.upload-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--border)}.upload-row>div{min-width:0;flex:1}.upload-row strong{font-size:11px;overflow-wrap:anywhere;display:block}.upload-row small{display:block;font-size:10px;margin-top:4px;line-height:1.5}.upload-row .badge{font-size:9px}.upload-row progress{height:4px;width:100%;accent-color:var(--accent)}.upload-symbol{font-size:20px;color:var(--accent)}#workflow-dialog{padding:28px 32px;width:min(680px,calc(100vw - 32px));max-width:1100px;max-height:calc(100dvh - 48px);overflow:auto;border-radius:16px}#workflow-dialog.media-dialog{width:min(1050px,calc(100vw - 32px))}#workflow-dialog.ad-dialog{width:min(740px,calc(100vw - 32px))}.dialog-heading{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-bottom:24px}.dialog-heading h2{font-size:24px;line-height:1.35;letter-spacing:-.8px;margin:0;overflow-wrap:anywhere}.icon-button{border:0;flex:none;width:32px;height:32px;min-height:0;padding:0;font-size:24px;background:transparent;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:24px}.dialog-actions button{font-size:12px;min-height:44px}.media-dialog-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.media-viewer{background:var(--p-black);border-radius:12px;min-height:230px;display:grid;place-items:center;align-self:start;overflow:hidden}.media-viewer video,.media-viewer img{display:block;width:100%;max-height:400px;object-fit:contain}.media-viewer>p{padding:20px;color:var(--p-white)}.media-dialog-layout .definition{font-size:12px;margin-top:0}.media-dialog-layout .definition>div{padding:8px 0}.media-dialog-layout .definition dt{font-size:11px}.usage-section{border-top:1px solid var(--border);margin-top:28px;padding-top:22px}.usage-section h3{font-size:15px}.usage-link{display:block;width:100%;text-align:left;background:var(--p-lighter-grey);padding:12px 16px;border-radius:10px;margin:8px 0;font-size:12px;color:var(--accent);overflow-wrap:anywhere;justify-content:flex-start}.usage-link small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.media-picker{display:grid;gap:10px;max-height:280px;overflow:auto;margin:20px 0}.media-picker-item{display:flex;gap:12px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:12px;cursor:pointer}.media-picker-item>input{flex:none}.picker-thumb{display:grid;place-items:center;background:var(--p-light-grey);width:80px;height:50px;border-radius:5px;overflow:hidden;flex:none}.picker-thumb img{width:100%;height:100%;object-fit:cover}.picker-thumb .file-glyph{font-size:24px}.media-picker-item strong{font-size:12px;overflow-wrap:anywhere}.media-picker-item small{display:block;font-size:10px;margin-top:5px}.login-preview{min-height:780px}.login-story{background:var(--p-dark-purple)}.login-symbol{color:var(--p-green)!important}.login-story p,.login-story small{color:var(--p-white)}.login-form label>input:not([type=checkbox]){height:56px;border-radius:12px}.login-form h2{font-size:30px}.login-form>button{min-height:48px}.login-form .inline{margin-top:8px;font-size:12px}.prototype-mode>.book-nav,.prototype-mode main>.book-header,.prototype-mode main>section:not(#screens),.prototype-mode main>footer{display:none}.prototype-mode main{margin:0;max-width:none;padding:0 24px}.prototype-mode #screens{padding:24px 0;border:0}.prototype-mode #screens>.eyebrow,.prototype-mode #screens>.section-heading,.prototype-mode #screens>.workflow-map{display:none}.prototype-mode #screens>.screen-tabs{border-radius:0;justify-content:center;margin-bottom:12px}.prototype-mode .preview-outer{padding:0;background:var(--surface)}.prototype-mode .app-preview{border:0;border-radius:0;min-height:calc(100vh - 100px)}.prototype-mode .product-shell{min-height:calc(100vh - 100px);grid-template-columns:252px 1fr}.prototype-mode .product-content{padding:40px 48px;max-width:1650px}.prototype-mode .form-layout{grid-template-columns:minmax(0,1fr) 280px;gap:40px}.prototype-mode .form-section{padding:32px 40px}.prototype-mode .product-content h2{font-size:36px}.prototype-mode .structure-layout{grid-template-columns:280px minmax(0,1fr)}.prototype-mode .product-content .media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.prototype-mode .product-content .kpi strong{font-size:32px}.prototype-mode .screen-note{padding:0 8px}.prototype-back{display:none}.prototype-mode .prototype-back{display:block;position:fixed;bottom:12px;right:20px;font-size:10px;padding:7px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;text-decoration:none;z-index:5}
@container(max-width:1050px){.product-shell{grid-template-columns:190px 1fr}.product-nav{padding:24px 12px}.product-logo{margin-left:5px}.product-logo img{width:145px}.product-content{padding:24px}.product-content h2{font-size:28px}.form-layout{grid-template-columns:minmax(0,1fr) 175px;gap:16px}.product-content .form-section{padding:22px}.form-summary{padding:20px 14px}.structure-layout{grid-template-columns:195px minmax(0,1fr)}.detail-card{padding:20px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-steps{gap:3px}.product-content .wizard-steps button{font-size:10px;gap:5px}.product-content .kpi strong{font-size:25px}}
@container(max-width:800px){.product-shell{grid-template-columns:1fr}.product-nav{flex-direction:row;overflow:auto;padding:10px;border:0;border-bottom:1px solid var(--border);gap:6px}.product-nav .product-logo,.nav-account,.product-nav .nav-caption,.product-nav .reset-prototype{display:none}.product-nav>button{min-height:40px;font-size:11px;white-space:nowrap;padding:10px 14px}.product-topbar{min-height:65px;padding:12px 20px}.product-content{padding:24px 20px}.form-layout{grid-template-columns:minmax(0,1fr) 190px}.structure-layout{grid-template-columns:190px minmax(0,1fr)}.product-content .kpis{gap:10px}.product-content .kpi{padding:16px}.product-content .kpi strong{font-size:24px}.product-heading{gap:16px}.product-content h2{font-size:28px}.product-content .field-label>input,.product-content .field-label>select{height:48px}.product-content td,.product-content th{height:56px;padding:12px}.ad-card{flex-wrap:wrap}.ad-actions{flex-direction:row;gap:12px}}
@container(max-width:600px){.form-layout,.structure-layout{grid-template-columns:1fr}.form-summary{position:static;border-left:0;border-top:1px solid var(--border);padding:20px 8px}.form-summary>p{display:inline-block;width:48%;vertical-align:top}.summary-help{max-width:100%}.structure-tree{display:flex;overflow:auto;gap:8px;padding:10px}.tree-heading{display:none}.tree-flight{display:flex;border:0;margin:0}.product-content .structure-tree button{width:auto;min-width:145px;max-width:210px;flex:none;align-items:center;font-size:11px;padding:10px}.tree-add{white-space:nowrap}.product-content .structure-tree .tree-group{padding-left:10px}.detail-heading{flex-wrap:wrap}.detail-card{padding:18px}.product-content .kpi{padding:12px}.product-content .kpi strong{font-size:20px}.product-content .kpi small{font-size:8px}.product-content .kpi{font-size:9px}.product-content .kpis{gap:8px}.product-content .product-heading>div>p{font-size:11px}.product-content h2{font-size:26px}.product-content{padding:20px 16px}.product-heading{flex-wrap:wrap;margin-bottom:22px}.heading-actions{width:100%}.wizard-steps{gap:0;overflow:auto;margin:18px 0}.product-content .wizard-steps button{padding:10px 8px;min-width:90px;font-size:9px;flex-direction:column;gap:6px}.two-cols{grid-template-columns:1fr;gap:0}.product-content .form-section{padding:20px}.product-content .form-section h3{font-size:18px}.product-content .actionbar{flex-wrap:wrap;padding:16px}.save-status{width:100%;font-size:10px}.product-content .local-indicator{display:none}.product-content .product-topbar strong>span{display:none}.media-grid{grid-template-columns:1fr}.media-dropzone{padding:18px;gap:12px;flex-wrap:wrap}.media-dropzone>small{margin-left:42px;max-width:none;text-align:left}.media-tabs{flex-direction:column;gap:5px}.media-toolbar>input{width:100%;flex-basis:100%}.media-card-body{padding:18px}.media-card-body h3 .text-button{font-size:14px}.product-content .media-actions .text-button{font-size:11px}.product-content .media-meta-bottom .badge,.product-content .media-meta-bottom small{font-size:11px}.upload-row{flex-wrap:wrap}.login-preview{min-height:700px;grid-template-columns:1fr}.login-story{display:none}.product-nav .nav-icon{display:none}}
@media(max-width:1000px){.workflow-map{flex-wrap:wrap}.workflow-map>a{margin-left:0}.prototype-mode .product-content{padding:24px}.prototype-mode .product-shell{grid-template-columns:1fr}.prototype-mode .product-nav{flex-direction:row;padding:10px;border-right:0;overflow:auto}.prototype-mode .product-nav .product-logo,.prototype-mode .nav-account,.prototype-mode .product-nav .nav-caption,.prototype-mode .product-nav .reset-prototype{display:none}.prototype-mode .product-nav button{white-space:nowrap}.prototype-mode .form-layout{grid-template-columns:minmax(0,1fr) 215px;gap:20px}.prototype-mode .structure-layout{grid-template-columns:210px minmax(0,1fr)}.prototype-mode .product-content .media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.reference-grid{grid-template-columns:1fr}.palette-row{grid-template-columns:repeat(2,minmax(0,1fr))}.contrast-grid{grid-template-columns:1fr 1fr}.workflow-map{font-size:10px;gap:8px}.workflow-map>a{width:100%;margin-top:8px}.preview-outer{padding:4px}.screen-tabs button{padding:10px}.media-dialog-layout{grid-template-columns:1fr;gap:18px}#workflow-dialog{padding:22px 18px;max-height:calc(100dvh - 24px)}.dialog-heading h2{font-size:20px}.media-viewer{min-height:160px}.media-dialog-layout .definition>div{grid-template-columns:1fr 1.3fr}.dialog-actions{gap:8px}.dialog-actions button{font-size:11px;padding:8px 12px}.media-picker-item{gap:8px;padding:10px}.picker-thumb{width:60px;height:40px}.media-picker-item strong{font-size:11px}.prototype-mode main{padding:0 6px}.prototype-mode #screens{padding-top:8px}.prototype-mode #screens>.screen-tabs{justify-content:flex-start}.prototype-mode .product-content{padding:20px 16px}.prototype-mode .form-layout,.prototype-mode .structure-layout{grid-template-columns:1fr}.prototype-mode .form-section{padding:20px}.prototype-mode .product-content h2{font-size:26px}.prototype-mode .product-content .media-grid{grid-template-columns:1fr}.prototype-mode .product-content .kpi strong{font-size:20px}.prototype-mode .product-topbar strong>span{display:none}.prototype-mode .local-indicator{display:none}.prototype-mode .structure-tree{display:flex;overflow:auto}.prototype-mode .tree-flight{display:flex}.prototype-mode .product-nav>button{padding:10px 14px}.prototype-mode .prototype-back{right:10px;bottom:8px;font-size:9px}.prototype-mode .screen-note{padding-bottom:35px}}
.form-section input[type=checkbox]{width:16px;height:16px;flex:none}.inherit-control>span:not(.inherit-icon){min-width:0;overflow-wrap:anywhere}.inherit-control{min-width:0}.budget-note{font-size:11px!important;color:var(--muted);margin:10px 0!important}
.extended-review{margin-top:20px}.scenario-guide{display:flex;gap:24px;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:24px;margin:24px 0}.scenario-guide h3{font-size:18px;margin:10px 0}.scenario-guide p{font-size:12px;max-width:750px}.scenario-guide>button{flex:none;font-size:12px}.prototype-mode .scenario-guide{display:none}@media(max-width:760px){.scenario-guide{flex-direction:column;align-items:flex-start}.scenario-guide h3{font-size:16px}}
.product-content input[type=checkbox]{width:16px;height:16px;flex:none}.product-content .entity-tabs button{border-radius:0}.prototype-mode .product-nav>button{font-size:15px}.prototype-mode .product-content .product-heading>div>p{font-size:14px}.prototype-mode .product-content .field-label{font-size:15px}.prototype-mode .product-content .field-label>input,.prototype-mode .product-content .field-label>select{font-size:15px}.prototype-mode .product-content table{font-size:13px}.prototype-mode .product-content table .link{font-size:13px}.prototype-mode .product-content th{font-size:12px}
@media(max-width:700px){.prototype-mode .product-nav>button{font-size:11px}.prototype-mode .product-content .field-label{font-size:13px}.prototype-mode .product-content .product-heading>div>p{font-size:12px}}
/* v0.3 / product-wide workspaces */
[hidden]{display:none!important}.suite-nav{max-height:calc(100vh - 105px);overflow-y:auto;position:sticky;top:0;align-self:start}.product-nav.suite-nav{gap:3px}.product-nav.suite-nav .product-logo{margin-bottom:16px}.product-nav.suite-nav>.nav-caption{font-size:8px;padding:18px 12px 8px}.product-nav.suite-nav>button{min-height:38px;font-size:12px;padding:9px 12px}.product-nav.suite-nav>.nav-account{padding:30px 8px 12px;margin-top:0}.suite-context{display:flex;align-items:center;gap:16px;flex-wrap:wrap;width:100%}.suite-context>label{font-size:9px;letter-spacing:.5px;min-width:150px}.suite-context select{display:block;font-size:11px!important;height:34px!important;margin:4px 0 0!important;max-width:230px!important;width:100%;padding:4px 8px!important}.suite-context>span{margin-left:auto;color:var(--muted);font-size:10px}.workspace-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;margin:20px 0;min-width:0}.workspace-card h3{font-size:19px;letter-spacing:-.4px}.workspace-card h4{font-size:13px;color:var(--secondary);margin:22px 0 12px}.workspace-card>p{font-size:13px;margin:12px 0 20px}.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.workspace-grid>.workspace-card{margin:0}.record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;align-items:start}.record-grid .field-label{margin:12px 0}.record-grid .field-label>input,.record-grid .field-label>select{height:48px;font-size:13px}.record-grid .field-label textarea{font-size:13px}.suite-tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid var(--border);margin:24px 0 20px}.suite-tabs button{background:transparent;border:0;border-radius:0!important;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent;font-size:12px}.suite-tabs button.selected{color:var(--accent);border-bottom-color:var(--accent)}.row-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row-buttons .text-button{font-size:11px;white-space:nowrap;min-height:30px}.product-content table code{font-size:10px;white-space:normal;overflow-wrap:anywhere;display:block;max-width:340px}.product-content table th{white-space:nowrap}.suite-record-dialog{width:min(900px,calc(100vw - 32px))!important}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.check-grid.vertical{grid-template-columns:1fr;gap:8px}.check-row{display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.5;cursor:pointer;color:var(--secondary)}.check-row input{flex:none;width:16px;height:16px}.check-row small{display:block;font-size:10px;margin-top:3px}.limits-matrix input{width:100%;min-width:105px!important;max-width:170px;height:40px!important;font-size:12px!important}.limits-matrix td:first-child{min-width:120px}.schedule-scroll{overflow:auto;margin:20px 0}.schedule-grid{min-width:650px;display:grid;grid-template-columns:34px repeat(24,1fr);gap:4px;align-items:center}.schedule-grid>span,.schedule-grid>strong{text-align:center;font-size:9px;color:var(--muted)}.product-content .schedule-grid>button{min-height:22px;height:22px;border-radius:3px!important;padding:0;border:1px solid var(--border);background:var(--p-light-grey)}.product-content .schedule-grid>button.on{background:var(--accent);border-color:var(--accent)}.rule-row{display:flex;gap:10px;align-items:center;margin:12px 0;min-width:0}.rule-row>input{flex:1;min-width:100px}.rule-row>select{max-width:170px;min-width:100px}.rule-row>.icon-button{min-height:32px!important;width:32px;flex:none}.inventory-list{display:grid;gap:10px;margin:20px 0}.inventory-row{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:10px;font-size:13px}.inventory-row small{margin-left:auto;font-size:10px}.readiness-list{display:grid;gap:14px;margin:20px 0}.readiness-list>div{display:flex;align-items:center;gap:12px;font-size:13px}.readiness-ok,.readiness-fail{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--success-soft);color:var(--text);flex:none}.readiness-fail{background:var(--danger-soft);color:var(--danger)}.diff-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;color:var(--secondary);padding:18px;background:var(--p-lighter-grey);max-height:350px;overflow:auto;border-radius:10px}.priority-board{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:14px;overflow:auto;align-items:start}.priority-board>.workspace-card{padding:16px}.priority-board h3{font-size:15px}.priority-card{display:grid;gap:10px;background:var(--canvas);padding:14px;border:1px solid var(--border);border-radius:10px;margin:12px 0;font-size:12px}.priority-card small{font-size:10px}.priority-card select{height:34px!important;font-size:11px!important}.builder-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;margin:24px 0}.builder-layout>.workspace-card{margin:0;align-self:start}.builder-layout>div>.workspace-card:first-child{margin-top:0}.report-bars{display:grid;gap:18px;margin:24px 0}.report-bars>div{display:grid;grid-template-columns:minmax(100px,1fr) minmax(60px,3fr) 80px;gap:14px;align-items:center;font-size:12px}.report-bars i{display:block;height:18px;background:var(--accent);border-radius:4px;min-width:0}.report-bars strong{text-align:right;font-size:12px;font-weight:500}.report-bars span{overflow-wrap:anywhere}.saved-report{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--border)}.saved-report strong{font-size:13px}.saved-report small{font-size:10px;color:var(--muted);flex:1;min-width:100px}.saved-report button{font-size:10px;min-height:30px}.funnel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.funnel>div{padding:20px;background:var(--accent-soft);border-radius:12px;display:grid;gap:8px}.funnel strong{font-size:26px;letter-spacing:-1px}.funnel span{font-size:12px}.funnel small{font-size:10px}.bullet-track{height:9px;background:var(--p-light-grey);border-radius:4px;overflow:hidden;width:150px;margin-bottom:6px}.bullet-track i{display:block;height:100%;background:var(--accent)}.set-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.set-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.set-card>h3>.text-button{font-size:19px;white-space:normal;text-align:left;padding:4px 0;min-height:0}.format-passport{border:1px solid var(--border);border-radius:12px;padding:18px;background:var(--accent-soft);font-size:13px}.format-passport p{font-size:12px;margin:8px 0}.format-passport small{font-size:11px}.smart-canvas{position:relative;aspect-ratio:16/9;background:var(--p-light-grey);border-radius:8px;overflow:hidden;min-height:80px}.smart-canvas>img{display:block;width:100%;height:100%;object-fit:cover}.smart-qr{position:absolute;max-width:35%;aspect-ratio:1;box-shadow:0 3px 12px #0f172a22}.smart-qr svg{display:block;width:100%;height:100%}.smart-qr.bottom-right{bottom:7%;right:5%}.smart-qr.bottom-left{bottom:7%;left:5%}.smart-qr.top-left{top:7%;left:5%}.smart-qr.top-right{top:7%;right:5%}.smart-qr.center{top:50%;left:50%;transform:translate(-50%,-50%)}.form-summary:has(.smart-canvas){padding-left:18px;padding-right:0}.form-summary .smart-canvas{min-height:130px}.copy-code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:var(--p-lighter-grey);border:1px solid var(--border);border-radius:10px;font-size:12px;color:var(--text);line-height:1.8;margin:18px 0}.suite-upload{display:block;border:1px dashed var(--p-grey);border-radius:12px;padding:24px;font-size:13px;line-height:1.8;margin:18px 0}.suite-upload input{margin-top:12px;height:auto!important;max-width:100%;border:0!important;padding:0!important}.product-content .field-label>input[type=color]{width:100%;height:48px;padding:4px}.prototype-mode .product-content .smart-canvas{min-height:170px}
:root[data-theme=dark]{--text:#f8f9fa;--secondary:#e2e8f0;--muted:#b9c3d2;--surface:#1b2334;--canvas:#101726;--border:#344054;--p-light-grey:#293548;--p-lighter-grey:#202b3d;--p-lightest-grey:#101726;--accent:#8d84ff;--accent-hover:#a39cff;--success-soft:#29371b;--warning-soft:#3b3219;--danger-soft:#3e2525;--danger:#ff9280}:root[data-theme=dark] .badge.success{background:#29371b;color:#f1fbdb}:root[data-theme=dark] .badge.warning{background:#3b3219;color:#fff9d9}:root[data-theme=dark] .badge.danger{background:#3e2525;color:#ff9280}:root[data-theme=dark] input:not([type=checkbox]),:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:var(--surface);color:var(--text);border-color:var(--border)}:root[data-theme=dark] .product-nav .product-logo img{background:white;mix-blend-mode:normal;padding:6px;border-radius:4px}:root[data-theme=dark] dialog{background:var(--surface);color:var(--text)}:root[data-theme=dark] .badge.neutral{background:var(--p-light-grey);color:var(--secondary)}:root[data-theme=dark] .hero-art,:root[data-theme=dark] .art-card{color:#0f172a}:root[data-theme=dark] .paint{border-bottom:1px solid var(--border)}
@container(max-width:1100px){.builder-layout{grid-template-columns:210px minmax(0,1fr)}.workspace-card{padding:20px}.set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.suite-context>span{display:none}.record-grid{gap:0 18px}.funnel{grid-template-columns:1fr 1fr}}
@container(max-width:800px){.product-nav.suite-nav{max-height:none;position:static;flex-direction:row;overflow:auto;padding:10px}.suite-nav>.nav-caption,.suite-nav>.nav-account,.suite-nav>.reset-prototype{display:none!important}.suite-nav>button{flex:none;min-height:36px!important;font-size:11px!important;white-space:nowrap}.suite-context{gap:10px}.suite-context>label{flex:1;min-width:130px}.product-topbar{min-height:85px}.builder-layout{grid-template-columns:1fr}.builder-layout .check-grid.vertical{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-grid{grid-template-columns:1fr}.workspace-card{padding:20px}.check-grid{grid-template-columns:1fr 1fr}.set-grid{grid-template-columns:1fr 1fr}}
@container(max-width:600px){.record-grid{grid-template-columns:1fr}.set-grid{grid-template-columns:1fr}.rule-row{flex-wrap:wrap}.rule-row>select{max-width:none;flex:1;min-width:90px}.rule-row>input{width:100%;flex-basis:100%}.check-grid{grid-template-columns:1fr 1fr}.builder-layout .check-grid.vertical{grid-template-columns:1fr 1fr}.workspace-card h3{font-size:17px}.funnel{gap:10px}.funnel>div{padding:14px}.funnel strong{font-size:21px}.report-bars>div{grid-template-columns:90px 1fr 65px;font-size:10px;gap:8px}.workspace-card{padding:18px}.suite-context>label{min-width:120px}.suite-context select{font-size:10px!important}.product-topbar{padding:12px 16px}.suite-nav>.nav-icon{display:none}.form-summary .smart-canvas{min-height:170px}}
@media(max-width:700px){.record-grid{grid-template-columns:1fr}.workspace-grid{grid-template-columns:1fr}.suite-record-dialog{padding:22px 18px!important}.product-nav.suite-nav{max-height:none;position:static}.prototype-mode .product-nav.suite-nav>.nav-caption{display:none}.prototype-mode .builder-layout{grid-template-columns:1fr}.prototype-mode .set-grid{grid-template-columns:1fr}}
.prototype-mode #screens>.screen-tabs{justify-content:flex-start;scroll-padding-inline:12px}
.builder-layout>*{min-width:0;max-width:100%}.builder-layout .toolbar{padding:12px 0}.builder-layout .toolbar label{min-width:0}.workspace-card .field-label>input,.workspace-card .field-label>select{max-width:100%;min-width:0}
.inherit-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.inherit-tags button{font-size:10px!important;min-height:32px!important;padding:7px 10px!important}.inherit-tags button.inherited{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 25%,white)}