.studio-page{max-width:1480px;padding-top:clamp(48px,7vw,108px);padding-bottom:64px}.studio-intro{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:48px;margin-bottom:48px;display:grid}.studio-intro h1{font-family:var(--font-heading);letter-spacing:-.065em;max-width:900px;margin:20px 0;font-size:clamp(48px,6.4vw,94px);line-height:.99}.studio-intro h1 em{color:var(--accent-strong);font-style:normal}.studio-intro>div>p:last-child{color:var(--text-muted);max-width:650px;font-size:16px;line-height:1.7}.studio-intro-index{gap:32px;margin:0 0 8px;display:flex}.studio-intro-index div{border-top:1px solid var(--border);min-width:82px;padding-top:18px}.studio-intro-index dt{font-family:var(--font-heading);letter-spacing:-.06em;font-size:30px;line-height:1.1}.studio-intro-index dd{color:var(--text-muted);max-width:80px;margin:9px 0 0;font-size:11px;line-height:1.5}.studio-root{--studio-paper:#f1eee7;--studio-ink:#172022;--studio-accent:#d4a36e;--studio-cyan:#88b9c1;min-width:0}.studio-navigation{border:1px solid var(--border);background:var(--surface);border-radius:12px 12px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.studio-navigation>button{border:0;border-right:1px solid var(--border);min-height:90px;color:var(--text);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:16px;padding:18px 22px;display:flex;position:relative}.studio-navigation>button:last-child{border-right:0}.studio-navigation>button[aria-selected=true]{color:#f1eee7;background:#192326}.studio-tab-index{font:10px var(--font-mono);opacity:.5;align-self:flex-start}.studio-navigation strong{font-family:var(--font-heading);letter-spacing:-.03em;font-size:19px;display:block}.studio-navigation small{font:8px var(--font-mono);letter-spacing:.1em;opacity:.6;margin-top:5px;display:block}.studio-tab-dot{opacity:.15;background:currentColor;border-radius:100%;width:5px;height:5px;margin-left:auto}.studio-navigation [aria-selected=true] .studio-tab-dot{opacity:1;background:#d4a36e;box-shadow:0 0 15px #d4a36e80}.studio-panel{border:1px solid var(--border);background:var(--surface);border-top:0;border-radius:0 0 12px 12px;min-width:0;padding:clamp(18px,3vw,40px);overflow:hidden}.studio-workbench-head{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:30px;display:flex}.studio-workbench-head>div{min-width:0;max-width:760px}.studio-overline{font:9px var(--font-mono);letter-spacing:.14em;color:var(--text-muted);line-height:1.6;display:block}.studio-workbench-head h2{font-family:var(--font-heading);letter-spacing:-.055em;margin:10px 0 13px;font-size:clamp(30px,3.5vw,49px);line-height:1.07}.studio-workbench-head p{color:var(--text-muted);max-width:700px;margin:0;font-size:14px;line-height:1.7}.studio-status-tag{font:8px var(--font-mono);letter-spacing:.09em;white-space:nowrap;border:1px solid var(--border);color:var(--text-muted);border-radius:30px;margin-top:8px;padding:9px 12px}.studio-button,.studio-text-button{cursor:pointer;color:#172022;isolation:isolate;background:#d4a36e;border:1px solid #d4a36e;border-radius:6px;min-height:44px;padding:12px 17px;font-size:12px;font-weight:650;line-height:1.4;position:relative;overflow:hidden}.studio-button--quiet{border-color:var(--border);color:var(--text);background:0 0}.studio-text-button{color:var(--text);text-underline-offset:5px;background:0 0;border-color:#0000;border-radius:0;padding:10px 0;font-weight:550;text-decoration:underline}.studio-root button:disabled{opacity:.4;cursor:not-allowed}.studio-root :is(button,input,select,textarea,pre):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.studio-root button:active:not(:disabled){transform:translateY(1px)}.studio-root :is(input:not([type=range]):not([type=color]),select,textarea){border:1px solid var(--border);background:var(--bg);width:100%;min-width:0;min-height:44px;color:var(--text);font:12px var(--font-body);border-radius:5px;padding:11px 12px;line-height:1.6;display:block}.studio-root textarea{resize:vertical;max-width:100%}.studio-root label{color:var(--text-muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;margin-bottom:20px;font-size:11px;display:grid}.studio-root label :is(input,select,textarea){grid-column:1/-1}.studio-root output{font:10px var(--font-mono);color:var(--text)}.studio-root input[type=range]{accent-color:#b68248;cursor:pointer;width:100%;min-width:0;min-height:28px}.studio-root input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:0;width:100%;height:40px;padding:0}.studio-root select{font-family:var(--font-mono);font-size:10px}.studio-note{color:var(--text-muted);margin:15px 0 22px;font-size:11px;line-height:1.8}.studio-notice{color:var(--text-muted);min-height:20px;margin:12px 0;font-size:11px;line-height:1.8}.studio-error{color:var(--text);overflow-wrap:anywhere;background:#bd795710;border-left:2px solid #bd7957;padding:10px 14px;font-size:12px;line-height:1.7}.studio-actions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;display:flex}.studio-details{border-top:1px solid var(--border);color:var(--text-muted);margin-top:20px;padding-top:16px;font-size:11px;line-height:1.9}.studio-details summary{cursor:pointer;min-height:32px;color:var(--text);font-weight:550}.studio-details p{margin-top:12px}.studio-details a{min-height:44px;color:var(--text);padding:10px 0;display:inline-block}.studio-switch{border:0;border-bottom:1px solid var(--border);width:100%;min-height:44px;color:var(--text);cursor:pointer;background:0 0;justify-content:space-between;gap:15px;padding:12px 0;font-size:11px;display:flex}.studio-switch span:last-child{font:9px var(--font-mono);color:var(--text-muted)}.studio-footnote{justify-content:space-between;gap:32px;margin-top:25px;padding:10px 0 0;display:flex}.studio-footnote>span{font:8px var(--font-mono);letter-spacing:.12em;color:var(--text-muted);flex-shrink:0}.studio-footnote p{max-width:550px;color:var(--text-muted);margin:0;font-size:10px;line-height:1.8}.flight-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:28px;display:grid}.flight-arena{color:#ddd9cf;background:#101416;border:1px solid #8e9b9b30;border-radius:9px;min-width:0;position:relative;overflow:hidden}.flight-hud{font:8px var(--font-mono);letter-spacing:.04em;z-index:1;color:#c4cecd;justify-content:space-between;gap:14px;padding:18px 18px 0;line-height:1.8;display:flex;position:relative}.flight-arena canvas{aspect-ratio:8/5;touch-action:none;cursor:crosshair;width:100%;height:auto;display:block;outline-offset:-4px!important}.flight-legend{font:8px var(--font-mono);color:#aab9b8;border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:15px 18px;display:flex}.flight-legend span{align-items:center;gap:6px;display:flex}.flight-legend i{border:1px solid #dda761;border-radius:50%;width:6px;height:6px;display:inline-block}.flight-legend .legend-push{border-color:#88b9c1}.flight-legend .legend-relay{border-color:#f2e6cd}.flight-console{min-width:0}.flight-console>.studio-actions{grid-template-columns:1fr 1fr;display:grid}.flight-console>.studio-actions>button:first-child{grid-column:1/-1}.flight-console>.studio-actions .studio-button{padding-inline:8px;font-size:11px}.flight-status{font:9px var(--font-mono);color:var(--text-muted);margin:18px 0}.simulation-result{font:9px var(--font-mono);color:var(--text-muted);line-height:1.8}.flight-record{border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:8px;margin-top:22px;padding-top:18px;display:grid}.flight-record strong{font-family:var(--font-heading);font-size:30px;font-weight:500;line-height:1}.flight-record small{color:var(--text-muted);grid-column:1/-1;font-size:10px;line-height:1.7}.flight-result{text-align:center;color:#efe5d4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#101416ed;border:1px solid #e5c18a40;border-radius:8px;padding:28px;position:absolute;inset:50% 20px auto;transform:translateY(-50%)}.flight-result .studio-overline{color:#baaa8d}.flight-result strong{font:clamp(25px,3vw,37px) var(--font-heading);letter-spacing:-.05em;margin:10px 0;display:block}.flight-result p{color:#b9beb6;max-width:360px;margin:12px auto 20px;font-size:11px;line-height:1.7}.studio-fieldset{border:1px solid var(--border);border-radius:6px;min-width:0;margin:18px 0;padding:16px}.studio-fieldset legend{font:9px var(--font-mono);padding:0 8px}.flight-workbench:fullscreen{background:var(--bg);flex-direction:column;padding:24px;display:flex;overflow:auto}.flight-workbench:fullscreen .flight-layout{flex:1;min-height:0}.flight-workbench:fullscreen .flight-arena canvas{aspect-ratio:auto;height:calc(100dvh - 210px)}.identity-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:30px;display:grid}.identity-console,.identity-main{min-width:0}.identity-presets{grid-template-columns:1fr 1fr;gap:4px;margin:-2px 0 25px;display:grid}.identity-presets button{border:1px solid var(--border);min-height:37px;color:var(--text-muted);font:9px var(--font-mono);cursor:pointer;background:0 0;border-radius:3px}.identity-presets button[aria-pressed=true]{color:var(--text);background:#a07c5010;border-color:#a07c50}.studio-colours{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.studio-colours label{font:9px var(--font-mono);text-transform:uppercase}.studio-colours span{font:8px var(--font-mono);overflow-wrap:anywhere}.studio-contrast{border-block:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:15px;padding:15px 0;display:flex}.studio-contrast strong{font:21px var(--font-heading);letter-spacing:-.05em}.studio-contrast span{color:var(--text-muted);text-align:right;font-size:9px}.identity-artboard{background:var(--identity-paper);color:var(--identity-ink);aspect-ratio:1000/620;border:1px solid #1825261a;border-radius:7px;min-height:340px;position:relative;overflow:hidden}.identity-artboard[data-grid=true]{background-image:linear-gradient(#1720220c 1px,#0000 1px),linear-gradient(90deg,#1720220c 1px,#0000 1px);background-size:25px 25px}.identity-artboard-tools{z-index:2;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:15px;left:15px;right:15px}.identity-artboard-tools>div{gap:2px;display:flex}.identity-artboard-tools button{background:var(--identity-paper);color:var(--identity-ink);opacity:.65;min-height:32px;font:8px var(--font-mono);text-transform:uppercase;cursor:pointer;border:1px solid;border-radius:3px;padding:7px 10px}.identity-artboard-tools button[aria-pressed=true]{opacity:1}.identity-lockup{flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:340px;padding:68px 25px;display:flex}.identity-mark{flex-shrink:0;width:clamp(140px,20vw,235px);height:auto}.identity-lockup>strong{letter-spacing:.2em;overflow-wrap:anywhere;text-align:center;max-width:100%;margin-top:20px;font-family:Arial,sans-serif;font-size:clamp(21px,3vw,46px);font-weight:700;line-height:1.3}.identity-lockup>small{font:7px var(--font-mono);letter-spacing:.15em;opacity:.55;margin-top:12px}.identity-pattern{width:100%;height:100%;min-height:340px;display:block}.identity-measure{font:7px var(--font-mono);letter-spacing:.1em;opacity:.45;pointer-events:none;position:absolute}.identity-measure--top{bottom:15px;left:18px}.identity-measure--bottom{bottom:15px;right:18px}.identity-applications{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.identity-applications>div{border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-width:0;min-height:150px;padding:20px;display:flex}.identity-applications svg{width:54px;height:54px}.identity-applications span{font:6px var(--font-mono);letter-spacing:.12em;text-align:center}.identity-applications strong{letter-spacing:.12em;text-align:center;overflow-wrap:anywhere;max-width:100%;font-family:Arial,sans-serif;font-size:11px}.identity-stationery{border:1px solid #17202215;transform:none}.studio-export-bar{border-block:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:25px;padding:16px 0;display:flex}.studio-export-bar>span{font:9px var(--font-mono);color:var(--text-muted);margin-right:auto}.studio-export-bar .studio-button{font-size:10px}.identity-versions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.identity-versions button{border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:5px;align-items:center;gap:15px;min-width:0;padding:15px 12px;display:flex}.identity-versions svg{flex-shrink:0;width:44px;height:44px}.identity-versions span{font:8px var(--font-mono);color:#172022}.semantic-model-bar{border:1px solid var(--border);background:var(--bg);border-radius:6px;justify-content:space-between;align-items:center;gap:25px;padding:20px 25px;display:flex}.semantic-model-bar>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.semantic-model-bar strong{font-size:14px}.semantic-model-bar span:last-child{font:9px var(--font-mono);color:var(--text-muted)}.model-indicator{background:var(--text-muted);border-radius:50%;width:7px;height:7px}[data-status=ready] .model-indicator{background:#98b791;box-shadow:0 0 14px #98b79155}[data-status=loading] .model-indicator{background:#d4a36e}.model-progress{font:9px var(--font-mono);color:var(--text-muted);align-items:center;gap:18px;min-height:45px;padding:14px 2px;display:flex}.model-progress>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.model-progress progress{accent-color:#b18a53;width:110px;height:4px}.semantic-layout{grid-template-columns:320px minmax(0,1fr);gap:30px;margin-top:12px;display:grid}.semantic-console{min-width:0}.studio-segmented{border-bottom:1px solid var(--border);margin-bottom:24px;display:flex}.studio-segmented button{min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;font-size:12px}.studio-segmented button[aria-pressed=true]{color:var(--text);border-color:#b18a53}.semantic-query-presets{flex-wrap:wrap;gap:4px;display:flex}.semantic-query-presets button{border:1px solid var(--border);min-height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:3px;padding:8px 9px;font-size:9px}.semantic-output{border:1px solid var(--border);background:var(--bg);border-radius:6px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.semantic-empty{text-align:center;min-height:490px;color:var(--text);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.semantic-empty svg{color:#ac8b5e;width:80%;max-width:340px}.semantic-empty h3{font:25px var(--font-heading);letter-spacing:-.04em;margin:15px 0 10px}.semantic-empty p{max-width:290px;color:var(--text-muted);font-size:11px;line-height:1.8}.semantic-output-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:13px 22px;display:flex}.semantic-output-footer>span{font:7px var(--font-mono);color:var(--text-muted);letter-spacing:.08em}.semantic-output-footer>button{min-height:44px;font-size:9px}.semantic-results{margin:0;padding:0 22px;list-style:none}.semantic-results li{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 55px;gap:20px;padding:25px 0;display:grid}.semantic-results li:last-child{border:0}.semantic-results strong{font-family:var(--font-heading);letter-spacing:-.03em;margin:9px 0;font-size:21px;display:block}.semantic-results p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.85}.semantic-score{color:var(--text);flex-direction:column;justify-content:center;align-items:end;display:flex;position:relative}.semantic-score>span{font:20px var(--font-heading);letter-spacing:-.04em;z-index:1;position:relative}.semantic-score small{font:6px var(--font-mono);opacity:.5}.semantic-score i{background:#ba94633b;width:2px;max-height:100%;position:absolute;bottom:0;right:-10px}.semantic-comparison{text-align:center;flex-direction:column;align-items:center;min-height:490px;padding:45px 30px;display:flex}.semantic-comparison>strong{font:80px var(--font-heading);letter-spacing:-.07em;margin-top:18px;line-height:1}.semantic-comparison svg{color:#ba9463;width:100%;max-width:360px;margin-top:12px}.semantic-comparison p{color:var(--text-muted);max-width:360px;font-size:11px;line-height:1.85}.semantic-map{min-width:0;padding:18px}.semantic-map>svg{width:100%;height:auto}.semantic-map-key{color:var(--text-muted);margin:0;padding:0;font-size:9px;line-height:1.8;list-style:none}.semantic-map-key li{border-bottom:1px solid var(--border);gap:15px;padding:8px 0;display:flex}.semantic-map-key span{font:8px var(--font-mono);color:var(--text);flex-shrink:0}.experiment-categories{border-bottom:1px solid var(--border);grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin-bottom:30px;display:grid}.experiment-categories button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;min-height:70px;font-size:12px;font-weight:600;display:flex}.experiment-categories button>span{font:7px var(--font-mono);opacity:.7;width:100%;font-weight:400}.experiment-categories button>small{font:7px var(--font-mono);opacity:.5}.experiment-categories button[aria-pressed=true]{color:var(--text);border-color:#b18a53}.experiment-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:30px;display:grid}.experiment-index{flex-direction:column;gap:8px;min-width:0;display:flex}.experiment-index>button{border:1px solid var(--border);color:var(--text);text-align:left;cursor:pointer;background:0 0;border-radius:5px;min-width:0;padding:22px}.experiment-index>button[aria-pressed=true]{background:#ae8a5e09;border-color:#ae8a5e}.experiment-index strong{font:22px var(--font-heading);letter-spacing:-.035em;margin:12px 0;display:block}.experiment-index p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.85}.experiment-open{font:7px var(--font-mono);letter-spacing:.08em;color:var(--text-muted);margin-top:22px;display:block}.experiment-workspace{border:1px solid var(--border);border-radius:6px;min-width:0;overflow:hidden}.experiment-workspace>header{border-bottom:1px solid var(--border);background:var(--bg);padding:24px 28px}.experiment-workspace>header h3{font:29px var(--font-heading);letter-spacing:-.045em;margin:9px 0 0}.experiment-example{min-width:0;padding:28px;overflow:hidden}.experiment-control-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:18px;min-width:0;display:grid}.experiment-control-row>.studio-button{margin-bottom:20px}.experiment-code{min-width:0;margin-top:20px}.experiment-code pre{border:1px solid var(--border);background:var(--bg);max-height:300px;color:var(--text);font:10px/1.9 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:5px;margin:0;padding:20px;overflow:auto}.experiment-code .studio-actions{margin-top:13px}.queue-flow,.rule-graph,.schema-nodes{font:8px var(--font-mono);align-items:center;gap:12px;margin:0 0 30px;line-height:1.7;display:flex}.queue-flow>span,.rule-graph>span,.schema-nodes>span{border:1px solid var(--border);text-align:center;overflow-wrap:anywhere;border-radius:5px;flex:1;min-width:0;padding:16px}.queue-flow>i,.rule-graph>i,.schema-nodes>i{background:var(--border);flex:.2;min-width:10px;height:1px;display:block}.queue-flow [data-online=true]{border-color:#87a68d}.experiment-event-list,.workflow-log{font:11px/1.8 var(--font-mono);margin:25px 0;padding:0;list-style:none}.experiment-event-list li,.workflow-log li{border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:12px 0}.experiment-event-list span{font:8px var(--font-mono);color:var(--text-muted);display:block}.permission-graph{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:30px;display:grid}.permission-graph span{border:1px solid var(--border);text-align:center;font:8px var(--font-mono);color:var(--text-muted);border-radius:4px;padding:16px 5px}.permission-graph [data-current=true]{color:var(--text);background:#ae8a5e12;border-color:#ae8a5e}.experiment-example>h3{font:24px var(--font-heading);letter-spacing:-.04em}.adaptive-frame{border:1px solid var(--border);background:var(--bg);border-radius:12px;max-width:100%;margin:25px auto;padding:16px}.adaptive-frame header{padding:10px 0 20px}.adaptive-frame header strong{font:24px var(--font-heading);letter-spacing:-.04em;margin-top:8px;display:block}.adaptive-cards{gap:8px;min-width:0;display:grid}.adaptive-cards article{border:1px solid var(--border);border-radius:5px;min-width:0;padding:15px 10px}.adaptive-cards small{font:6px var(--font-mono);color:var(--text-muted);line-height:1.6;display:block}.adaptive-cards strong{font:16px var(--font-heading);margin:10px 0;display:block}.adaptive-cards span{background:#ae8a5e;height:2px;display:block}.experiment-table-wrap{max-width:100%;margin:12px 0;overflow-x:auto}.experiment-table-wrap table{border-collapse:collapse;width:100%;font-size:11px}.experiment-table-wrap th{text-align:left;font:8px var(--font-mono);color:var(--text-muted)}.experiment-table-wrap :is(th,td){border-bottom:1px solid var(--border);padding:14px 10px}.experiment-table-wrap .studio-text-button{white-space:nowrap;font-size:10px}.experiment-status{font:8px var(--font-mono);text-transform:uppercase;border:1px solid var(--border);border-radius:20px;padding:6px 8px}.booking-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.booking-slots button{border:1px solid var(--border);min-height:64px;color:var(--text);cursor:pointer;background:0 0;border-radius:5px;flex-direction:column;align-items:center;gap:7px;padding:14px 8px;display:flex}.booking-slots button[aria-pressed=true]{background:#ae8a5e12;border-color:#ae8a5e}.booking-slots small{color:var(--text-muted);font-size:8px}.delivery-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px;display:grid}.delivery-board>section{background:var(--bg);border:1px solid var(--border);border-radius:5px;min-width:0;padding:12px}.delivery-board h3{justify-content:space-between;gap:8px;margin:0 0 16px;font-size:11px;font-weight:500;display:flex}.delivery-board h3 span{font:9px var(--font-mono);color:var(--text-muted)}.delivery-board article{background:var(--surface);border:1px solid var(--border);border-radius:4px;margin-top:8px;padding:15px 12px}.delivery-board article strong{overflow-wrap:anywhere;font-size:11px;line-height:1.7;display:block}.delivery-board article>div{justify-content:space-between;margin-top:15px;display:flex}.delivery-board article button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:4px;width:36px;min-height:36px}.contrast-specimen{border-radius:7px;margin:20px 0;padding:30px;position:relative;overflow:hidden}.contrast-specimen>span{width:20px;height:100%;position:absolute;top:0;right:0}.contrast-specimen small{font:9px var(--font-mono);letter-spacing:.12em}.contrast-specimen h3{font:42px var(--font-heading);letter-spacing:-.05em;margin:20px 0}.contrast-specimen p{max-width:370px;font-size:12px;line-height:1.9}.contrast-specimen strong{font:34px var(--font-heading);letter-spacing:-.05em;margin-top:28px;display:block}.type-specimen{margin:20px 0 30px}.type-specimen>div{border-top:1px solid var(--border);min-width:0;padding:20px 0}.type-specimen span{font:8px var(--font-mono);color:var(--text-muted);margin-bottom:9px;display:block}.type-specimen strong{font-family:var(--font-heading);letter-spacing:-.045em;overflow-wrap:anywhere;max-width:100%;font-weight:500;display:block}.type-specimen>p{max-width:560px;color:var(--text-muted);margin:30px 0}.bezier-stage{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:6px;margin:20px 0;display:block}.gradient-stage{aspect-ratio:3/2;border-radius:7px;margin:20px 0}.icon-specimens{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0;display:grid}.icon-specimens>div{border:1px solid var(--border);background:var(--bg);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:130px;padding:15px 5px;display:flex}.icon-specimens span{font:8px var(--font-mono);color:var(--text-muted)}.search-specimen{background:var(--bg);border:1px solid var(--border);border-radius:7px;margin:25px 0;padding:26px}.search-specimen small{overflow-wrap:anywhere;font-size:10px}.search-specimen h3{font:24px var(--font-heading);letter-spacing:-.03em;color:var(--text);overflow-wrap:anywhere;margin:12px 0}.search-specimen p{color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.8}.planner-result{border-block:1px solid var(--border);text-align:center;padding:40px 20px}.planner-result strong{font:65px var(--font-heading);letter-spacing:-.065em;margin:15px 0;line-height:1.2;display:block}.planner-result p{color:var(--text-muted);font-size:11px;line-height:1.9}.campaign-calendar{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 30px;display:grid}.campaign-calendar article{background:var(--bg);border:1px solid var(--border);border-radius:4px;min-width:0;padding:20px 15px}.campaign-calendar small{font:7px var(--font-mono);color:var(--text-muted);line-height:1.8}.campaign-calendar h3{font:22px var(--font-heading);letter-spacing:-.035em;margin:12px 0}.campaign-calendar p{color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.8}.experiment-launch{flex-direction:column;justify-content:center;align-items:start;min-height:370px;padding:55px 30px;display:flex}.experiment-launch h3{font:38px var(--font-heading);letter-spacing:-.05em;margin:20px 0}.experiment-launch p{color:var(--text-muted);max-width:560px;margin:0 0 25px;font-size:13px;line-height:1.9}.studio-loading{flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:550px;padding:30px;display:flex}.studio-loading p{color:var(--text-muted);font-size:11px}.studio-loading-grid{aspect-ratio:1;background:repeating-linear-gradient(90deg,transparent 0 29px,var(--border) 29px 30px),repeating-linear-gradient(transparent 0 29px,var(--border) 29px 30px);width:210px;-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}@media (hover:hover) and (pointer:fine){.studio-root button:not(:disabled):hover{filter:brightness(.97)}.studio-root .studio-text-button:hover{color:var(--accent-strong)}.studio-navigation>button:not([aria-selected=true]):hover{background:var(--bg-subtle)}}@media (max-width:1100px){.studio-intro{grid-template-columns:minmax(0,1fr);gap:20px}.studio-intro-index{gap:30px}.studio-intro-index div{align-items:baseline;gap:15px;min-width:120px;display:flex}.studio-intro-index dd{max-width:none}.studio-navigation>button{gap:9px;padding:17px 14px}.studio-navigation strong{font-size:17px}.studio-tab-dot{display:none}.flight-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.identity-layout{grid-template-columns:220px minmax(0,1fr);gap:22px}.semantic-layout{grid-template-columns:270px minmax(0,1fr);gap:22px}.experiment-layout{grid-template-columns:230px minmax(0,1fr);gap:22px}}@media (max-width:800px){.studio-workbench-head{gap:15px}.studio-status-tag{display:none}.flight-layout,.identity-layout,.semantic-layout,.experiment-layout{grid-template-columns:minmax(0,1fr)}.flight-console{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.flight-console>:is(.studio-note,.studio-actions,.studio-fieldset,.flight-status,.flight-record,.studio-text-button,.studio-details),.flight-console>.studio-switch,.simulation-result{grid-column:1/-1}.identity-console{order:2;grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.identity-main{order:1}.identity-presets,.studio-colours,.studio-contrast,.identity-console>.studio-actions{grid-column:1/-1}.identity-artboard,.identity-lockup{min-height:330px}.semantic-console{order:1}.semantic-output{order:2}.semantic-empty,.semantic-comparison{min-height:370px}.experiment-categories{grid-template-columns:repeat(4,minmax(0,1fr))}.experiment-categories button{min-height:60px;padding:10px 4px;font-size:11px}.experiment-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.experiment-index>button{padding:16px 12px}.experiment-index strong{font-size:18px}.experiment-index p{font-size:9px;line-height:1.7}.experiment-open{margin-top:14px;font-size:6px}.studio-footnote{display:block}.studio-footnote p{margin-top:12px}}@media (max-width:560px){.studio-page{padding-top:35px;padding-bottom:36px}.studio-intro{gap:12px;margin-bottom:28px}.studio-intro h1{margin:18px 0;font-size:clamp(42px,12vw,64px)}.studio-intro>div>p:last-child{font-size:13px;line-height:1.8}.studio-intro-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.studio-intro-index div{min-width:0;padding-top:14px;display:block}.studio-intro-index dt{font-size:26px}.studio-intro-index dd{margin-top:6px;font-size:8px;line-height:1.5}.studio-navigation{border-radius:7px 7px 0 0;grid-template-columns:repeat(2,minmax(0,1fr))}.studio-navigation>button{border-bottom:1px solid var(--border);gap:9px;min-height:67px;padding:13px}.studio-navigation>button:nth-child(2){border-right:0}.studio-navigation>button:nth-child(n+3){border-bottom:0}.studio-navigation strong{font-size:15px}.studio-navigation small{letter-spacing:.07em;font-size:6px}.studio-tab-index{font-size:7px}.studio-panel{border-radius:0 0 7px 7px;padding:20px 14px}.studio-workbench-head{margin-bottom:22px;display:block}.studio-workbench-head h2{margin-top:10px;font-size:32px}.studio-workbench-head p{font-size:12px;line-height:1.8}.studio-workbench-head>.studio-button{margin-top:15px;font-size:10px}.studio-overline{letter-spacing:.12em;font-size:7px}.flight-arena canvas{aspect-ratio:5/8}.flight-hud{padding:14px 13px 0;font-size:7px;display:block}.flight-hud span{margin-bottom:5px;display:block}.flight-legend{gap:12px;padding:13px;font-size:7px}.flight-console{gap:0 15px}.flight-result{padding:22px 14px;inset:50% 14px auto}.flight-result strong{font-size:26px}.flight-workbench:fullscreen{padding:14px}.flight-workbench:fullscreen .flight-console{display:none}.flight-workbench:fullscreen .flight-arena canvas{height:calc(100dvh - 190px)}.identity-artboard{aspect-ratio:auto;min-height:320px}.identity-lockup{min-height:320px;padding:72px 22px 45px}.identity-mark{width:155px}.identity-lockup>strong{letter-spacing:.13em;font-size:23px}.identity-lockup>small{font-size:6px}.identity-artboard-tools{gap:4px;top:11px;left:10px;right:10px}.identity-artboard-tools button{padding:7px 6px;font-size:6px}.identity-measure{font-size:5px}.identity-measure--top{left:12px}.identity-measure--bottom{right:12px}.identity-applications{gap:6px}.identity-applications>div{gap:12px;min-height:116px;padding:15px 6px}.identity-applications svg{width:37px;height:37px}.identity-applications span{font-size:5px}.identity-applications strong{font-size:8px}.identity-console{gap:0 16px}.studio-export-bar{gap:7px}.studio-export-bar>span{width:100%;margin-bottom:4px}.studio-export-bar .studio-button{padding:10px 12px;font-size:9px}.studio-export-bar .studio-text-button{font-size:9px}.identity-versions{grid-template-columns:1fr 1fr}.identity-versions button{gap:10px;padding:12px 8px}.identity-versions svg{width:34px;height:34px}.identity-versions span{font-size:7px}.semantic-model-bar{flex-wrap:wrap;gap:17px;padding:16px}.semantic-model-bar>div{gap:9px}.semantic-model-bar strong{font-size:12px}.semantic-model-bar span:last-child{font-size:7px}.semantic-model-bar>.studio-button{width:100%;font-size:11px}.model-progress{gap:10px;font-size:7px}.model-progress progress{width:65px}.semantic-layout{gap:22px}.semantic-empty,.semantic-comparison{min-height:350px;padding:20px}.semantic-empty h3{font-size:24px}.semantic-empty p{font-size:10px}.semantic-output-footer{flex-wrap:wrap;gap:12px;padding:12px}.semantic-output-footer>span{font-size:6px}.semantic-results{padding:0 15px}.semantic-results li{grid-template-columns:minmax(0,1fr) 42px;gap:17px;padding:22px 0}.semantic-results strong{font-size:20px}.semantic-results p{font-size:10px}.semantic-score>span{font-size:17px}.semantic-comparison>strong{font-size:68px}.experiment-categories{gap:3px;margin-bottom:20px}.experiment-categories button{gap:5px;min-height:60px;font-size:9px}.experiment-categories small{font-size:6px}.experiment-index{flex-direction:column;gap:6px;display:flex}.experiment-index>button{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:13px 15px;display:grid}.experiment-index strong{grid-area:2/1;margin:0;font-size:19px}.experiment-index p{display:none}.experiment-open{grid-area:2/2;align-self:center;margin:0;font-size:6px}.experiment-workspace>header{padding:20px}.experiment-workspace>header h3{font-size:25px}.experiment-example{padding:20px 15px}.experiment-control-row{grid-template-columns:minmax(0,1fr);gap:0}.experiment-code pre{max-height:270px;padding:16px 12px;font-size:8px}.queue-flow,.rule-graph,.schema-nodes{gap:6px;font-size:6px}.queue-flow>span,.rule-graph>span,.schema-nodes>span{padding:12px 5px}.queue-flow>i,.rule-graph>i,.schema-nodes>i{min-width:5px}.permission-graph{grid-template-columns:1fr 1fr}.permission-graph span{font-size:7px}.booking-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.delivery-board{grid-template-columns:minmax(0,1fr)}.delivery-board>section{padding:15px}.delivery-board article>div{justify-content:flex-end;gap:10px}.delivery-board article button{width:44px;min-height:44px}.contrast-specimen{padding:24px 18px}.contrast-specimen h3{font-size:32px}.contrast-specimen p{font-size:11px}.icon-specimens{grid-template-columns:1fr 1fr;gap:8px}.search-specimen{padding:22px 17px}.search-specimen h3{font-size:23px}.search-specimen p{font-size:11px}.planner-result{padding:30px 10px}.planner-result strong{font-size:54px}.campaign-calendar{grid-template-columns:minmax(0,1fr)}.campaign-calendar article{padding:18px}.campaign-calendar h3{font-size:22px}.experiment-launch{min-height:340px;padding:30px 20px}.experiment-launch h3{font-size:30px}.experiment-launch p{font-size:11px}.studio-footnote>span{font-size:6px}.studio-footnote p{font-size:9px;line-height:1.9}.studio-loading{min-height:570px;padding:20px}.studio-loading-grid{width:170px}.studio-teaser svg{justify-self:start;width:180px}}@media (prefers-reduced-motion:reduce){.studio-root *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.studio-root{--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}@media (max-width:800px){.studio-root button{min-height:44px}}@media (forced-colors:active){.studio-root button[aria-pressed=true],.studio-root button[aria-selected=true]{outline-offset:-3px;outline:2px solid highlight}.studio-root input[type=range]{forced-color-adjust:auto}}@media print{.studio-navigation,.studio-root button,.studio-root input,.studio-root select,.studio-root textarea{display:none!important}.studio-panel{border:none;padding:0}}@media (max-width:560px){.studio-navigation small{letter-spacing:.02em;font-size:8px}.studio-overline,.studio-intro-index dd,.identity-lockup>small,.studio-footnote>span{font-size:8px}.experiment-open{letter-spacing:0;font-size:8px}.experiment-index>button{grid-template-columns:minmax(0,1fr)}.experiment-open{grid-area:3/1}.experiment-code pre,.model-progress{font-size:10px}}