.view-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 18px}.control-button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:32px;padding:0 4px;border:1px solid var(--border);border-radius:4px;color:#789096;font-size:10px}.control-button svg{width:14px}.control-button:hover,.control-button.active{background:#f8e9de;border-color:#dfb99e;color:#a45f35}@media(max-width:700px){.view-controls{gap:4px}.control-button{font-size:9px;padding:0 2px}}.unscrew-control{border-top:1px solid var(--border);padding:17px 0 15px}.unscrew-head{display:flex;align-items:center;justify-content:space-between}.unscrew-head h3{display:flex;align-items:center;gap:6px;margin:0;color:#49656b;font-size:13px;font-weight:500}.unscrew-head svg{width:15px;color:var(--accent)}.unscrew-head output{font:11px Consolas,monospace;color:#a45f35}.unscrew-control input{display:block;width:100%;margin:13px 0 8px;accent-color:#b66b36}.unscrew-control p{font-size:10px;line-height:1.7;color:#8b9a9d;margin:0}.small-button{margin-top:10px;padding:6px 9px;border:1px solid var(--border);border-radius:3px;color:#789096;font-size:10px}.small-button:hover{color:#a45f35;border-color:#dfb99e}.material-block{border-top:1px solid var(--border);padding:17px 0 15px}.material-block h3{display:flex;align-items:center;gap:6px;margin:0 0 9px;color:#49656b;font-size:13px;font-weight:500}.material-block h3 svg{width:15px;color:var(--accent)}.material-block p{font-size:10px;line-height:1.75;color:#71868b;margin:0}.material-block p strong{color:#9a5f3c;font-weight:600}.material-block .material-note{color:#9aabad;margin-top:8px}:root{font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;color:#263b42;background:#eef2f3;font-synthesis:none;--accent:#b66b36;--border:#d9e1e2;--muted:#789096}*{box-sizing:border-box;letter-spacing:0}body{margin:0;background:#eef2f3}button,a{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:6px;background:#f4e8de;color:var(--accent);font:700 12px Consolas,monospace}.brand strong{display:block;font-size:16px;font-weight:600}.brand small{display:block;margin-top:4px;color:#829399;font:9px Consolas,monospace;letter-spacing:.08em}.top-actions{display:flex;align-items:center;gap:17px}.button,.back-link{font-size:12px;text-decoration:none}.button{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--border);border-radius:4px;background:#fff}.button:hover,.back-link:hover{color:var(--accent);border-color:#d9b398}.button svg{width:15px}.back-link{color:#72888e}.workspace{height:calc(100dvh - 74px);min-height:620px;display:grid;grid-template-columns:minmax(0,1fr) 350px}.stage{position:relative;overflow:hidden;background:radial-gradient(circle at 52% 43%,#fff 0,#edf2f2 55%,#dce5e6)}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{display:block;width:100%;height:100%;touch-action:none}.scene-title{position:absolute;left:30px;top:27px;pointer-events:none}.scene-title span,.panel-kicker{font:10px Consolas,monospace;letter-spacing:.13em;color:#9a6a4c}.scene-title h1{font-size:29px;font-weight:500;margin:9px 0 6px;color:#334d54}.scene-title p{font-size:11px;color:#84959a;margin:0}.scene-tools{position:absolute;right:25px;top:25px;display:grid;gap:8px}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:5px;background:#ffffffd9;color:#789097}.icon-button:hover,.icon-button[aria-pressed=true]{background:#f8e9de;border-color:#dfb99e;color:var(--accent)}.icon-button svg{width:17px}.scene-note{position:absolute;left:30px;right:26px;bottom:20px;display:flex;justify-content:space-between;color:#829398;font-size:10px;pointer-events:none}.panel{overflow-y:auto;background:#fff;border-left:1px solid var(--border);padding:28px 25px 30px}.panel h2{font-size:24px;font-weight:500;color:#334d54;margin:11px 0 10px}.intro{font-size:11px;line-height:1.8;color:#829398;margin:0 0 21px}.variant-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:20px}.variant{padding:10px 5px;text-align:center;border:1px solid var(--border);border-radius:4px;color:#799096}.variant strong{display:block;font:13px Consolas,monospace;color:#48646b}.variant span{display:block;margin-top:5px;font-size:9px}.variant.active{background:#f8e9de;border-color:#dfb99e}.variant.active strong,.variant.active span{color:#a45f35}.dimensions{margin:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.dimensions div{display:flex;justify-content:space-between;padding:10px 2px;font-size:11px}.dimensions dt{color:#829398}.dimensions dd{margin:0;color:#47636a;font:13px Consolas,monospace}.use-block{padding:20px 0 15px}.use-block h3{display:flex;align-items:center;gap:7px;color:#49656b;font-size:14px;font-weight:500;margin:0 0 12px}.use-block h3 svg{width:16px;color:var(--accent)}.use-block ol{padding-left:20px;margin:0;color:#667d82;font-size:11px;line-height:1.85}.use-block li{padding-left:3px}.use-block p{font-size:10px;line-height:1.8;color:#9a775f;background:#fcf5ef;border-left:2px solid #d8a781;padding:8px 10px;margin:14px 0 0}.drawing-button{display:flex;align-items:center;gap:11px;width:100%;border-top:1px solid var(--border);padding:15px 0 0;text-align:left;color:#6c858b}.drawing-button:hover{color:var(--accent)}.drawing-button img{width:58px;height:43px;object-fit:cover;border:1px solid var(--border)}.drawing-button span{display:flex;align-items:center;gap:6px;font-size:11px}.drawing-button svg{width:14px}.model-note{font-size:10px;line-height:1.7;color:#9aabad;margin:18px 0 0}#loading.ready{opacity:0;pointer-events:none}dialog{width:min(1400px,94vw);max-height:92dvh;padding:0;border:1px solid var(--border);border-radius:7px;background:#fff;color:#334d54}dialog::backdrop{background:#213a4180;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border)}dialog h2{font-size:15px;font-weight:500;margin:0}.drawing-scroll{overflow:auto;max-height:calc(90dvh - 70px);padding:16px}.drawing-scroll img{display:block;width:100%;min-width:900px;height:auto}@media(max-width:700px){.topbar{height:66px;padding:0 14px}.brand strong{font-size:14px}.brand small{font-size:8px}.back-link{display:none}.workspace{height:auto;min-height:0;display:flex;flex-direction:column}.stage{order:-1;height:calc(100dvh - 66px);min-height:470px;max-height:800px}.panel{border-left:0;border-top:1px solid var(--border);padding:21px 18px 90px}.scene-title{top:19px;left:17px}.scene-title h1{font-size:24px}.scene-tools{top:17px;right:13px}.scene-note{left:17px;right:14px;bottom:15px;display:block;font-size:9px}.scene-note span{display:block;margin-top:4px}.variant strong{font-size:12px}.drawing-scroll img{min-width:800px}}