.studio-site-workshop{display:flex;flex-direction:column;gap:16px;padding:18px;color:#d6e7e5;container-type:inline-size}.site-drawing-dialog header,.studio-site-workshop header{display:flex;gap:12px;align-items:center}.site-drawing-dialog header>button,.studio-site-workshop header>button{margin-left:auto}.site-drawing-dialog h2,.studio-site-workshop h2{margin:3px 0;font-size:18px}.site-drawing-dialog small,.studio-site-workshop small{font-size:11px;color:#92afb2;line-height:1.6}.site-drawing-dialog header small,.studio-site-workshop header small{font-size:9px;letter-spacing:.13em;color:#58c2b2}.site-drawing-dialog button,.studio-site-workshop button{border:1px solid #35505a;border-radius:8px;padding:10px;background:#182c34;color:inherit;cursor:pointer;transition:background .16s,border-color .16s}.site-drawing-dialog button:hover,.studio-site-workshop button:hover{background:#27454b}.site-drawing-dialog button:disabled,.studio-site-workshop button:disabled{opacity:.4;cursor:default}.site-drawing-dialog button[aria-pressed=true],.studio-site-workshop button[aria-pressed=true]{border-color:#49d7c4;background:#234c47}.site-inputs{display:grid;gap:9px}.site-input-card{min-height:80px;display:flex;align-items:center;gap:12px;border:1px dashed #3b6269;border-radius:10px;background:#152930;padding:12px;cursor:pointer;position:relative;overflow:hidden}.site-input-card img{width:62px;height:62px;object-fit:cover;border-radius:7px}.site-input-card span{font-size:12px}.site-input-card input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.site-workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;font-size:11px}.site-workflow span{padding:9px 4px;background:#172930;border-radius:6px;color:#8ba4aa;text-align:center}.site-workflow span[data-ready=true]{background:#21483f;color:#62e1c9}.site-drawing-dialog .site-primary,.studio-site-workshop .site-primary{display:flex;align-items:center;justify-content:center;gap:8px;background:#46dcc5;color:#082c2b;font-weight:600}.site-model-settings,.site-placement-controls{display:flex;flex-direction:column;gap:14px}.site-drawing-dialog aside label,.site-model-settings label,.site-placement-controls label{display:flex;flex-direction:column;gap:8px;font-size:12px}.site-drawing-dialog input,.site-model-settings select,.site-placement-controls input{min-width:0;width:100%;padding:8px;border:1px solid #35505a;border-radius:7px;background:#10242a;color:inherit;accent-color:#51dac4}.site-actions{display:flex;flex-direction:column;gap:10px}.site-analyze{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.site-analyze small{display:block;width:100%;font-size:10px}.site-result{display:flex;flex-direction:column;gap:8px;background:#182c32;border:1px solid #36545a;padding:12px;border-radius:10px;font-size:12px}.site-result p{margin:0;line-height:1.6}.site-visibility{display:flex;gap:8px}.site-visibility button{flex:1}.site-live summary,.site-model-settings summary{font-size:12px;cursor:pointer;padding:10px 0}.site-live[open] .studio-output-card{margin-top:12px}.site-workshop-backdrop{position:fixed;inset:0;z-index:110;background:#071017ba;display:flex;align-items:center;justify-content:center;padding:24px}.site-drawing-dialog{width:min(1240px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;border:1px solid #426069;background:#101f28;color:#d9e8e7;border-radius:16px;box-shadow:0 24px 90px #0008;overflow:hidden}.site-drawing-dialog header{padding:16px 20px;border-bottom:1px solid #2d464e}.site-drawing-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;min-height:0;overflow:auto;gap:18px;padding:16px}.site-drawing-main{min-width:0;display:flex;flex-direction:column;gap:12px;align-items:center}.site-drawing-tools{display:flex;flex-wrap:wrap;gap:6px;width:100%}.site-drawing-tools button{font-size:11px;flex:1;min-width:75px}.site-drawing-tools button[aria-pressed=true]{color:var(--tool-color,#49d7c4)}.site-drawing-canvas{display:block;width:min(100%,calc(100dvh - 390px));aspect-ratio:1;flex-shrink:0;background:#25343a;border:1px solid #49636a;border-radius:10px;touch-action:none;cursor:crosshair}.site-drawing-dialog aside{display:flex;flex-direction:column;gap:14px;font-size:12px}.site-drawing-dialog aside p{margin:0;line-height:1.7;color:#9fb5b9}.site-drawing-dialog footer{border-top:1px solid #30484f;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}.site-drawing-dialog>p{padding:0 20px;color:#e3aa91}.site-feature-list{display:flex;flex-direction:column;gap:8px;max-height:270px;overflow:auto}.site-feature-list>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid #314d55;border-radius:8px}.site-feature-list span{flex:1;min-width:80px}.site-feature-list label{font-size:9px!important;width:70px;gap:3px!important}.site-feature-list button{padding:5px}.site-drawing-dialog [role=alert],.studio-site-workshop [role=alert]{color:#e5b494;font-size:12px}.site-drawing-dialog :focus-visible,.studio-site-workshop :focus-visible{outline:2px solid #5bdbc5;outline-offset:3px}@media(max-width:850px){.site-workshop-backdrop{padding:8px}.site-drawing-dialog{max-height:calc(100dvh - 16px)}.site-drawing-body{grid-template-columns:1fr}.site-drawing-dialog aside{padding-top:12px}.site-drawing-canvas{width:min(100%,560px)}.site-drawing-dialog footer{flex-wrap:wrap}.site-drawing-dialog footer button{width:100%}}@media(prefers-reduced-motion:reduce){.site-drawing-dialog button,.studio-site-workshop button{transition:none}}nav.site-drawing-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.cad-site-summary{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid #345b5c;background:#15282c;border-radius:12px}.cad-site-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.cad-site-heading span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#68e1cc}.cad-site-summary svg{width:100%;height:170px;background:#101e25;border-radius:8px}.cad-site-facts{display:flex;justify-content:space-between;gap:10px}.cad-site-facts span{display:flex;flex-direction:column;gap:4px;font-size:10px;color:#9eb3b7}.cad-site-facts strong{font-size:14px;color:#e0eeed}.cad-site-summary small{font-size:11px;color:#b0c3c6}.cad-site-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.cad-site-summary details{font-size:11px;color:#bbcaca}.cad-site-summary p{line-height:1.6;margin:8px 0}.cad-site-summary summary{cursor:pointer}.cad-site-toggle[aria-pressed=true]{border-color:#48c3b2;color:#68e1cc}.studio-stair-workshop{display:flex;flex-direction:column;gap:14px;padding:18px;color:var(--studio-text,#dbe6e7);container-type:inline-size}.studio-stair-workshop header{display:flex;align-items:center;gap:12px}.studio-stair-workshop h2{font-size:18px;margin:3px 0}.studio-stair-workshop header small{font-size:9px;letter-spacing:.14em;color:#6cabaa}.studio-stair-workshop header>button{margin-left:auto}.studio-stair-workshop button{cursor:pointer;border:1px solid #344850;border-radius:8px;transition:background .15s,border-color .15s,transform .15s;background:#192b32;padding:9px;color:inherit}.studio-stair-workshop button:hover{background:#244048}.studio-stair-workshop button:active{transform:scale(.98)}.studio-stair-workshop button[aria-pressed=true]{border-color:#4fe1c8;background:#21453f;color:#72ecda}.studio-stair-workshop button:disabled{opacity:.4;cursor:default}.stair-summary{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #344850;border-radius:12px}.stair-summary svg{width:72px;height:72px}.stair-summary div{display:flex;flex-direction:column;gap:5px}.stair-content>small,.stair-summary small{font-size:11px;color:#90a8b0}.stair-summary>button{margin-left:auto}.stair-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.stair-tabs button{align-items:center;gap:5px;font-size:11px;padding:8px 3px}.stair-content,.stair-tabs button{display:flex;flex-direction:column}.stair-content{gap:16px}.stair-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stair-types button{display:flex;flex-direction:column;gap:9px;align-items:center;font-size:11px}.stair-types svg{height:62px;width:100%}.stair-range{display:flex;flex-direction:column;gap:10px;font-size:12px}.stair-range>span{display:flex;justify-content:space-between;gap:8px}.stair-range output{color:#71e4d0;font-variant-numeric:tabular-nums}.stair-range input{width:100%;accent-color:#46d4be}.stair-select{display:flex;flex-direction:column;gap:8px;font-size:12px}.stair-coordinates input,.stair-select select{background:#0f1c23;border:1px solid #344850;border-radius:8px;padding:10px;width:100%;color:inherit;min-width:0}.stair-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#10242b;border-radius:8px;padding:12px}.stair-metrics span{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#97aeb3}.stair-metrics strong{color:#d9e9e7;font-size:16px}.stair-finishes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stair-finishes button{display:flex;align-items:center;gap:8px;font-size:12px}.stair-finishes span{width:28px;height:28px;border-radius:6px}.stair-color{display:flex;align-items:center;justify-content:space-between;font-size:12px}.stair-color input{height:30px;width:44px;border:0;background:transparent}.stair-coordinates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stair-coordinates label{font-size:11px;display:flex;flex-direction:column;gap:6px}.stair-toggle{display:flex;gap:8px;align-items:center;font-size:12px}.stair-source{padding:16px;border:1px solid #355d56;border-radius:10px;font-size:12px}.stair-source svg{display:block;margin-bottom:10px}.stair-source p{color:#a1b5ba;line-height:1.6}.studio-stair-workshop footer{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid #304048}.studio-stair-workshop .stair-apply{display:flex;align-items:center;justify-content:center;gap:8px;background:#47ddc6;color:#082625;font-weight:600;padding:13px}.stair-warning{color:#d9b58f;line-height:1.5}.stair-delete{font-size:11px}.studio-stair-workshop footer p{font-size:12px}.studio-stair-workshop :focus-visible{outline:2px solid #51e2d0;outline-offset:3px}@media(prefers-reduced-motion:reduce){.studio-stair-workshop button{transition:none;transform:none}}@container(max-width:250px){.stair-tabs{grid-template-columns:1fr 1fr}.stair-coordinates{grid-template-columns:1fr}.stair-summary svg{width:54px}.stair-summary>button{padding:5px}}