::selection{color:#35492a;background:#cdd9c0}@media (prefers-reduced-motion:reduce){.asset-card{transition:none}.loading-indicator{border-color:#718660;animation:none}}:root{color:#252c28;font-synthesis:none;background:#eeeee9;font-family:Inter,-apple-system,BlinkMacSystemFont,Noto Sans TC,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline-offset:4px;outline:3px solid #738b71}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}button{color:inherit}a{color:#476447}svg{display:block}#app{grid-template-rows:76px 1fr 36px;height:100dvh;min-height:600px;display:grid}.topbar{background:#f6f6f1;border-bottom:1px solid #d8dad2;justify-content:space-between;align-items:center;padding:0 30px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brandmark{color:#527153;border:1px solid #527153;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.brand h1{letter-spacing:.1em;margin:0;font-size:20px;font-weight:650}.brand small{letter-spacing:.21em;color:#8a9187;margin-top:3px;font-size:10px;display:block}.workspace-label{color:#6f796c;align-items:center;gap:10px;font-size:12px;display:flex}.workspace-label i{background:#73866b;border-radius:100%;width:6px;height:6px}.workspace{grid-template-columns:260px minmax(0,1fr);min-height:0;display:grid}.sidebar{background:#f6f6f1;border-right:1px solid #d8dad2;flex-direction:column;min-height:0;padding:30px 18px 20px;display:flex;overflow:auto}.section-label{letter-spacing:.14em;color:#8c9389;justify-content:space-between;margin:0 12px 20px;font-size:11px;display:flex}.section-label span{color:#a5aaa0}#asset-list{flex-direction:column;gap:10px;display:flex}.asset-card{text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:48px 1fr;align-items:center;gap:12px;width:100%;padding:14px 12px;transition:background .15s,border-color .15s;display:grid}.asset-card:hover{background:#eceee7}.asset-card[aria-pressed=true]{background:#e7ebdf;border-color:#bac6ac}.asset-card strong{font-size:13px;font-weight:550;line-height:1.7;display:block}.asset-card small{color:#87907e;letter-spacing:.06em;margin-top:3px;font-size:10px;display:block}.asset-icon{color:#6f8063;background:#eef0e8;border-radius:6px;place-items:center;width:46px;height:46px;display:grid}.asset-card[aria-pressed=true] .asset-icon{background:#dce4d1}.sidebar-note{color:#8e9489;margin-top:auto;padding:24px 12px 0;font-size:11px;line-height:1.9}.sidebar-note p{margin:0 0 8px}.sidebar-note a{font-size:11px;text-decoration:none}.stage{background:#e9ece5;min-width:0;min-height:0;position:relative;overflow:hidden}.viewport{position:absolute;inset:0}.viewport canvas{touch-action:none;width:100%;height:100%;display:block}.stage-header{z-index:1;pointer-events:none;position:absolute;top:28px;left:32px}.eyebrow{color:#8b9684;letter-spacing:.16em;margin-bottom:9px;font-size:10px}.stage-header h2{letter-spacing:.03em;margin:0;font-size:24px;font-weight:500}.stage-header p{color:#839078;margin-top:8px;font-size:11px}.stage-actions{z-index:2;position:absolute;top:28px;right:28px}.quiet-button{color:#69765f;background:#f7f8f2d9;border:1px solid #cfd5c7;border-radius:6px;align-items:center;gap:7px;padding:9px 13px;font-size:11px;display:flex}.quiet-button:hover{background:#fff}.status-pill{color:#6b7a60;pointer-events:none;align-items:center;gap:7px;font-size:11px;display:flex;position:absolute;bottom:80px;left:30px}.status-pill i{background:#7f9870;border-radius:50%;width:5px;height:5px}.viewport-controls{color:#86917e;pointer-events:none;border-top:1px solid #d0d7c8;justify-content:space-between;align-items:center;gap:10px;padding-top:16px;font-size:11px;display:flex;position:absolute;bottom:24px;left:30px;right:30px}.gestures{gap:22px;display:flex}.gesture{align-items:center;gap:7px;display:flex}.view-label{letter-spacing:.08em;font-size:10px}.footer{color:#91978c;letter-spacing:.04em;background:#f6f6f1;border-top:1px solid #d8dad2;justify-content:space-between;align-items:center;padding:0 27px;font-size:10px;display:flex}.panel{z-index:4;background:#f8f9f3ee;border:1px solid #d3daca;border-radius:12px;width:min(440px,85%);padding:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 65px #3d4c2510}.panel h3{margin:0 0 12px;font-size:16px;font-weight:550}.panel p{color:#7c8575;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8}.panel button{color:#fff;background:#637953;border:1px solid #647b53;border-radius:5px;margin-top:10px;padding:9px 16px}.loading-indicator{border:2px solid #d2dbc9;border-top-color:#718660;border-radius:50%;width:22px;height:22px;margin-bottom:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1050px){.workspace{grid-template-columns:220px minmax(0,1fr)}.gestures{gap:12px}.stage-header{left:24px}.sidebar{padding-inline:12px}}@media (width<=720px){.workspace{grid-template-columns:160px minmax(0,1fr)}.brand small,.workspace-label,.view-label,.gesture svg{display:none}.topbar{padding:0 18px}.asset-card{padding:10px;display:block}.asset-icon{display:none}.stage-header h2{font-size:19px}.gestures{flex-wrap:wrap;gap:8px}.stage-actions{top:100px;right:18px}.footer{padding:0 14px}.footer span:last-child{display:none}}