/* Product workspace tokens and hierarchy, adapted from CUT//CLEAR AppShell. */
.demo-page{background:#080a0e;color:#f4efe6;font-family:Inter,system-ui,sans-serif}.demo-intro{max-width:none;padding:92px 3% 20px}.demo-intro h1{font:600 clamp(24px,2.5vw,34px)/1.2 Inter,system-ui,sans-serif;letter-spacing:-1px;margin:8px 0}.demo-intro p{margin:8px 0;font-size:13px}.demo-intro .engine-kicker{font-size:9px;color:#65d4df}.demo-console{display:grid;grid-template-columns:200px minmax(0,1fr);margin:0 3% 32px;border:1px solid #303741;border-radius:6px;overflow:hidden;background:#101319;box-shadow:0 22px 70px #0006}.workspace-rail{background:#0b0e13;border-right:1px solid #2b323d;padding:23px 12px;display:flex;flex-direction:column;min-width:0}.workspace-brand{font-size:21px;font-weight:800;color:#f4efe6;text-decoration:none;letter-spacing:-1px}.workspace-brand span{color:#63d2dc}.workspace-brand small{display:block;font-size:9px;font-weight:400;letter-spacing:0;color:#9aa5b4;margin-top:8px}.rail-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#8591a3;margin:30px 6px 12px}.demo-steps{display:flex;flex-direction:column;border:0;gap:5px}.demo-steps button{display:flex;align-items:center;padding:14px 10px;border:1px solid transparent;border-radius:4px;text-align:left;color:#9da8b7;font:10px monospace}.demo-steps span{font:500 12px Inter,system-ui,sans-serif;margin-left:10px}.demo-steps [aria-current]{background:#143039;border-color:#295563;color:#9ce8ed;box-shadow:inset 2px 0 #6cdae4}.demo-page .demo-steps button:disabled{opacity:.65}.rail-project{margin-top:20px}.rail-project img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #35404b;border-radius:4px}.rail-project strong{font-size:12px;display:block;margin:10px 0 5px}.rail-project small,.rail-foot small{font-size:9px;color:#909caf;line-height:1.7;display:block}.rail-foot{margin-top:auto;padding:32px 5px 0;font-size:10px;color:#b7c4cd}.rail-foot a{display:block;color:#8edce5;font-size:10px;margin-top:18px}.workspace-dot{display:inline-block;background:#6dca9b;width:6px;height:6px;border-radius:50%;margin-right:5px}.workspace-main{min-width:0}.demo-top{padding:15px 20px;gap:16px;border-color:#2c3440;background:#141921}.demo-top label{font-size:9px;letter-spacing:.5px;color:#9ba9bb}.demo-top select{margin-top:5px;padding:9px 12px;background:#0d1219;border:1px solid #354453;border-radius:4px;color:#e3eaf1;font:600 12px Inter,system-ui,sans-serif}.demo-top button{font-size:10px;padding:10px;border-color:#3a4a5a;border-radius:4px}.sim-badge{font-size:8px;border-radius:3px;padding:6px;color:#e2c973;background:#312e1d;border-color:#5e5634}.workspace-notice{padding:9px 20px;background:#242318;color:#c5be9c;font-size:10px;border-bottom:1px solid #403c28;line-height:1.6}.workspace-notice>span{color:#efe1a0;font-size:8px;font-weight:700;margin-right:12px}.workspace-context{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 22px;border-bottom:1px solid #2d3541}.workspace-context>div>span{font:8px monospace;letter-spacing:1px;color:#7f95a8;display:block;margin-bottom:5px}.workspace-context strong{font-size:14px;font-weight:600}.workspace-condition{font-size:9px;color:#e3c582;border:1px solid #625338;padding:6px 9px;border-radius:20px}.demo-body{padding:22px;gap:24px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.demo-picture{border:1px solid #344150;background:#0b1017;border-radius:5px;overflow:hidden}.demo-picture>img{aspect-ratio:16/10}.demo-picture-caption,.demo-picture>p,.demo-cut-switch{padding:12px 15px;margin:0}.demo-picture-caption>span{color:#63cbd6;font-size:8px}.demo-picture-caption strong{font:600 17px Inter,system-ui,sans-serif;margin-top:7px}.demo-picture>p{font-size:10px;color:#8e9caf;border-top:1px solid #27313d}.demo-work h2{font:600 clamp(21px,2vw,28px)/1.2 Inter,system-ui,sans-serif;letter-spacing:-.6px;margin:12px 0}.demo-work p{color:#b3becd;font-size:12px;line-height:1.7}.demo-work .engine-kicker{font-size:9px;color:#62ccd8}.demo-evidence{background:#14202b;border:1px solid #2d485b;border-left:2px solid #62ccd8;border-radius:4px;padding:14px;margin:18px 0}.demo-evidence>span,.demo-evidence summary,.demo-time{color:#8ddde3;font-size:10px}.demo-actions .engine-primary,.demo-close .engine-primary{background:#8be0e7;color:#082129;border:1px solid #9fe6ec;border-radius:4px;font:600 11px Inter,system-ui,sans-serif;padding:13px 16px}.demo-actions>button:not(.engine-primary),.demo-cut-switch button{border-color:#3d5266;border-radius:4px;font-size:10px}.demo-choices button,.demo-record,.demo-compare>div{background:#151d28;border-color:#394a5d;border-radius:4px}.demo-choices button{font-size:12px;padding:14px}.demo-choices button[aria-pressed=true]{background:#17343e;border-color:#66c7d2}.demo-bottom{font-size:9px;border-color:#303b47;background:#10161f;color:#8e9fb3;padding:12px 20px}.demo-council{background:#10161f;border-color:#303c4c;padding:22px}.council-heading h2{font:600 22px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.5px;margin:8px 0}.council-heading .engine-kicker{color:#66d0db;font-size:9px}.council-heading p{font-size:10px;color:#96a5b8}.council-tools button{background:#1b2a38;border-color:#3e596d;border-radius:4px;font-size:10px;padding:10px}.council-roster{gap:8px;margin:18px 0 10px}.council-roster button{background:#161f2b;border-color:#334357;border-radius:4px;padding:12px 9px;gap:9px}.council-roster button[aria-pressed=true]{background:#16333f;border-color:#63ccd8}.council-roster img{width:34px;height:34px}.council-roster strong{font-size:11px}.council-roster small{font-size:9px;color:#a1b0c2}.council-roster em{font-size:8px;color:#7bd3df}.council-finding{background:#151e2a;border-color:#36495e;border-radius:5px;padding:20px}.council-finding h3{font:600 23px/1.25 Inter,system-ui,sans-serif;letter-spacing:-.5px;margin:16px 0}.finding-columns{gap:20px}.finding-columns>div{border-color:#34485a}.finding-columns span{color:#65cbd7;font-size:8px}.finding-columns p{font-size:12px;color:#bbc7d7;line-height:1.7}.finding-owner small{color:#90b4c6}.council-progress{color:#93adbc;font-size:9px}.full-council{border-color:#334354}.full-council summary{color:#9dbbd0;font-size:11px}.council-wait{border-color:#34485a;background:#151e2a;border-radius:4px;font:14px Inter,system-ui,sans-serif}.demo-close{padding:0 3% 35px}.demo-close h2{font:600 24px Inter,system-ui,sans-serif}.demo-close p{font-size:12px}#demo-heading,#council-title{scroll-margin-top:85px}
@media(max-width:1050px){.demo-console{grid-template-columns:165px minmax(0,1fr)}.workspace-brand{font-size:18px}.council-roster{grid-template-columns:1fr 1fr}.demo-body{grid-template-columns:1fr}.demo-picture>img{aspect-ratio:2}.finding-columns{grid-template-columns:1fr;gap:12px}.finding-columns>div{padding-top:10px}}
@media(max-width:700px){.demo-intro{padding:86px 16px 14px}.demo-intro h1{font-size:25px}.demo-intro p{font-size:12px;line-height:1.6}.demo-console{display:block;margin:0 10px 25px}.workspace-rail{padding:0;border-right:0;border-bottom:1px solid #354354}.workspace-brand,.rail-label,.rail-project,.rail-foot{display:none}.demo-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.demo-steps button{display:block;padding:13px 2px;text-align:center;min-height:55px;border-radius:0;font-size:9px}.demo-steps span{display:block;font-size:9px;margin:5px 0 0}.demo-steps [aria-current]{box-shadow:inset 0 -2px #6cdae4}.demo-top{padding:12px;gap:10px}.demo-top label{flex-basis:100%}.demo-top button{min-height:40px}.workspace-notice{font-size:9px;padding:9px 12px}.workspace-context{padding:14px 12px;align-items:start}.workspace-context strong{font-size:12px}.workspace-condition{font-size:8px;max-width:110px;line-height:1.5}.demo-body,.demo-council{padding:13px}.demo-body{gap:17px}.demo-picture>img{aspect-ratio:1.8}.demo-work h2{font-size:23px}.council-heading h2{font-size:21px}.council-roster button{min-height:95px;padding:10px 7px;gap:7px}.council-roster strong{font-size:10px}.council-roster small{font-size:8px}.council-finding{padding:15px}.council-finding h3{font-size:21px}.council-tools button{min-height:42px}.demo-actions button{min-height:44px}.demo-bottom{padding:12px;font-size:8px}.demo-close{padding:0 18px 30px}.demo-close h2{font-size:22px}}