*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:Inter,Arial,sans-serif;background:#f8f4ed;color:#20262c}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit;border:1px solid #24364820;background:#fffdf9;padding:10px 12px;min-height:42px}button:hover{background:#edf1f3}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #2f6fed;outline-offset:3px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}a{color:#38647b}button[aria-pressed=true]{background:#263b48;color:white}#studio{height:100dvh;position:relative;min-height:340px}.identity{position:absolute;top:24px;left:28px;z-index:2}.brand img{width:42px;height:42px;object-fit:contain}.identity h1{font-weight:500;font-size:30px;letter-spacing:-1px;margin:10px 0 7px}.identity small{font-size:12px;color:#747c81}.identity nav{display:flex;gap:14px;margin-top:12px;font-size:12px}.identity nav a{text-decoration:none;color:#66747c}.identity nav a[aria-current]{color:#20262c}.surface{background:#fffdf9f5;border:1px solid #24364820}.top-actions{position:absolute;top:28px;right:28px;display:flex;gap:8px;z-index:4}.top-actions button{font-size:14px}.layers{position:absolute;top:205px;left:28px;width:244px;max-height:calc(100dvh - 380px);display:flex;flex-direction:column;padding:16px;z-index:3}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500}.panel-heading button{padding:4px 10px}.presets{display:flex;gap:3px;margin:14px 0 8px}.presets button{flex:1;font-size:12px;min-height:34px;padding:6px}.systems{overflow-y:auto;min-height:0}.system-row{display:flex;align-items:center;gap:7px;min-height:44px}.system-name{flex:1;min-width:0;display:flex;gap:8px;align-items:center;border:0;background:none;font-size:13px;text-align:left;padding:4px 0}.swatch{width:8px;height:8px;flex-shrink:0}.count{margin-left:auto;font-size:12px;color:#7b858a}.switch{border:0;min-height:44px;width:38px;padding:0;background:none!important;position:relative;flex-shrink:0}.switch:before{content:'';position:absolute;width:30px;height:17px;background:#c4c9cc;left:4px;top:13px;border-radius:12px}.switch:after{content:'';position:absolute;width:13px;height:13px;background:white;left:6px;top:15px;border-radius:50%;transition:transform .15s}.switch[aria-checked=true]:before{background:#526c7a}.switch[aria-checked=true]:after{transform:translateX(13px)}.panel-foot{border-top:1px solid #24364818;margin-top:8px;padding-top:8px;font-size:12px;color:#748087;display:flex;align-items:center;justify-content:space-between}.panel-foot button{font-size:12px;border:0;padding:4px;min-height:32px}.scene{position:absolute;top:0;bottom:0;left:282px;right:80px}.scene canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.scene canvas:active{cursor:grabbing}.camera-controls{position:absolute;right:24px;top:42%;display:grid;padding:4px;z-index:2;gap:3px}.camera-controls button{width:42px;padding:6px;border:0;font-size:14px}.dock{position:absolute;bottom:46px;left:50%;transform:translateX(-50%);width:min(460px,calc(100% - 32px));display:flex;gap:20px;padding:16px 18px;align-items:center;z-index:4}.explode-control{flex:1}.explode-label{font-size:14px;display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}input[type=range]{width:100%;accent-color:#263b48;height:24px;margin:0}.endpoints{display:flex;justify-content:space-between}.endpoints button{border:0;background:none;padding:0;min-height:28px;font-size:12px;color:#707d85}.dock-reset{border:0;border-left:1px solid #24364820;background:none;font-size:12px}.scene-caption{position:absolute;bottom:163px;left:calc(50% + 80px);transform:translateX(-50%);font-size:12px;letter-spacing:.04em;color:#758188;text-align:center;pointer-events:none}.footer{position:absolute;bottom:14px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:12px;color:#758188;gap:10px}.footer button{padding:0;min-height:24px;border:0;background:none;font-size:12px}.detail,.search-panel{position:absolute;right:82px;top:100px;bottom:180px;width:320px;padding:20px;z-index:5;overflow-y:auto}.detail h2{font-size:24px;letter-spacing:-.6px;line-height:1.2;font-weight:500;overflow-wrap:anywhere;margin:18px 0}.detail p{font-size:14px;line-height:1.65;color:#66737c}.detail .tag{font-size:12px;color:#52758b}.detail dl{border-block:1px solid #24364818;padding:14px 0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.detail dt{color:#78848c}.detail dd{margin:4px 0 14px}.detail .actions{display:grid;gap:8px;margin:16px 0}.detail .source-link{font-size:12px}.detail button{font-size:13px}.close{float:right;border:0;background:none;min-width:40px}.search-panel{bottom:auto;max-height:calc(100dvh - 240px)}#search{width:100%;padding:12px;border:1px solid #24364830;background:white;margin:14px 0;font-size:16px}.results{display:grid;max-height:48vh;overflow-y:auto}.results button{text-align:left;background:none;border:0;border-bottom:1px solid #24364815;line-height:1.4;min-height:46px;font-size:14px;overflow-wrap:anywhere}.results small{display:block;color:#7d878e;font-size:12px;margin-top:4px}.tooltip{position:absolute;pointer-events:none;background:#243846;color:white;padding:8px 12px;font-size:13px;z-index:8;max-width:260px}.loading{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);padding:22px;z-index:9;max-width:90vw;font-size:14px}.mobile{display:none}dialog{border:1px solid #24364830;background:#fffdf9;color:inherit;padding:28px;max-width:min(560px,95vw);max-height:85dvh;font-size:14px;line-height:1.7}dialog::backdrop{background:#20262c40}dialog h2{font-size:24px;font-weight:500}dialog a{overflow-wrap:anywhere}.board-list{display:grid;gap:8px}.board-list button{text-align:left}#back{position:absolute;left:300px;top:26px;z-index:3;font-size:13px}.empty{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-size:14px;color:#738089;pointer-events:none}
.scene{top:85px;bottom:178px}body.inspecting .scene{right:410px}
@media(max-width:1100px){body.inspecting .layers{display:none}body.inspecting .scene{left:0}.identity{left:20px}.layers{left:20px;width:222px}.scene{left:250px}.detail{width:290px}body.inspecting .scene{right:380px}}
@media(max-width:767px){.identity{top:16px;left:16px}.brand img{width:30px;height:30px}.identity h1{font-size:24px;margin:6px 0}.identity small,.identity nav{display:none}.top-actions{top:18px;right:12px;gap:4px}.top-actions button{font-size:12px;padding:8px;min-height:44px}.layers{display:none}.layers.mobile-open{display:flex;left:12px;right:12px;top:auto;bottom:154px;width:auto;max-height:calc(100dvh - 280px);z-index:7}.mobile{display:block}.scene,body.inspecting .scene{left:0;right:0;top:104px;bottom:172px}.camera-controls{top:109px;right:12px}.camera-controls button{width:36px;height:38px;min-height:38px}.dock{bottom:38px;padding:12px;gap:8px}.dock-reset{padding:6px}.explode-label{font-size:12px}.scene-caption{left:50%;bottom:154px;white-space:nowrap;font-size:10px}.footer{left:12px;right:12px;bottom:9px;justify-content:center;font-size:10px}.footer>span{display:none}.footer button{font-size:11px}.detail{top:auto;left:12px;right:12px;bottom:149px;width:auto;max-height:42dvh;padding:16px}.detail h2{font-size:20px;margin:12px 0}.detail p{font-size:14px}.detail .actions{margin:10px 0}.search-panel{left:12px;right:12px;top:106px;width:auto;max-height:calc(100dvh - 265px)}.results{max-height:34vh}body.inspecting .scene{bottom:calc(42dvh + 152px)}body.inspecting .camera-controls{display:none}#back{top:77px;left:16px;font-size:12px;padding:4px 10px;min-height:30px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}