:root{--bg:#f4f5f7;--panel:#fff;--ink:#18202b;--muted:#7c8797;--line:#e3e7ed;--orange:#ff6b22;--orange-soft:#fff1e8;--blue:#4568ee;--green:#20a875;--shadow:0 12px 35px rgba(22,31,45,.08)}*{box-sizing:border-box}body{margin:0;font:14px/1.4 Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);overflow:hidden}button,input{font:inherit}button{cursor:pointer}.topbar{height:64px;background:#111923;color:#fff;display:flex;align-items:center;padding:0 22px;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:280px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--orange);font-weight:900}.brand strong{font-size:17px}.brand>span:last-child{color:#8792a1;font-size:12px;border-left:1px solid #34404e;padding-left:10px}.project{margin:auto;display:flex;align-items:center;gap:8px}.project input{width:130px;background:transparent;border:0;color:#fff;text-align:center;font-weight:600;outline:0}.project #saveState{color:#707d8e;font-size:12px}.dot{width:7px;height:7px;background:#28c68b;border-radius:50%}.actions{display:flex;gap:8px}.actions button{border:1px solid #34404e;background:#202b38;color:#dae1e9;border-radius:7px;padding:8px 14px}.actions .primary{background:var(--orange);border-color:var(--orange);color:#fff}.icon-btn{width:34px!important;padding:7px!important}.workspace{display:grid;grid-template-columns:280px 1fr 292px;height:calc(100vh - 64px)}aside{background:var(--panel)}.left-panel{border-right:1px solid var(--line);overflow:auto}.tabs{height:52px;display:flex;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.tab{flex:1;border:0;background:none;color:var(--muted);position:relative}.tab.active{color:var(--orange);font-weight:700}.tab.active:after{content:"";position:absolute;height:2px;bottom:0;left:22px;right:22px;background:var(--orange)}.tab-page{display:none;padding:16px}.tab-page.active{display:block}.dropzone{height:184px;border:1.5px dashed #cbd2dc;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:#fafbfc;transition:.2s}.dropzone.drag{border-color:var(--orange);background:var(--orange-soft)}.dropzone input{display:none}.upload-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--orange);background:var(--orange-soft);font-size:22px;font-weight:700}.dropzone small{color:var(--muted);font-size:11px}.upload-button{margin-top:8px;padding:6px 19px;background:white;border:1px solid var(--line);border-radius:6px}.section-head{display:flex;align-items:center;gap:8px;margin:20px 0 10px;font-size:13px;font-weight:700}.section-head b{background:#eef0f3;color:#667181;border-radius:10px;padding:1px 7px}.empty{text-align:center;color:#9ca5b1;padding-top:35px}.empty span{font-size:34px}.empty p{margin:7px 0 2px;color:#657080}.empty small{font-size:11px}.task-card{display:grid;grid-template-columns:52px 1fr auto;gap:10px;padding:9px;margin-bottom:8px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.task-card.active{border-color:var(--orange);box-shadow:0 0 0 2px var(--orange-soft)}.task-card img{width:52px;height:46px;object-fit:cover;border-radius:5px;background:#eee}.task-card b,.task-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:135px}.task-card small{color:var(--muted);margin-top:4px;font-size:11px}.task-status{font-size:10px;color:var(--orange)}.task-status.done{color:var(--green)}.search{display:flex;border:1px solid var(--line);border-radius:7px;padding:7px;gap:6px}.search input{width:100%;border:0;outline:0}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.template-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px;text-align:left;min-width:0}.template-card:hover,.template-card.active{border-color:var(--orange);background:var(--orange-soft)}.template-card svg{width:100%;height:58px}.template-card span{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-area{min-width:0;display:flex;flex-direction:column}.canvas-toolbar{height:52px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.segmented{display:flex;background:#f0f2f5;padding:3px;border-radius:7px}.segmented button{border:0;background:transparent;padding:6px 14px;color:var(--muted);border-radius:5px}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #ccd2da}.tools{display:flex;align-items:center;gap:6px}.tools button{border:0;background:transparent;border-radius:5px}.tools button:hover,.tools button.active{background:var(--orange-soft);color:var(--orange)}.divider{height:20px;border-left:1px solid var(--line);margin:0 5px}.stage{flex:1;position:relative;overflow:hidden;background:#f8f9fb}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(#e7eaf0 1px,transparent 1px),linear-gradient(90deg,#e7eaf0 1px,transparent 1px),linear-gradient(#f1f3f6 1px,transparent 1px),linear-gradient(90deg,#f1f3f6 1px,transparent 1px);background-size:50px 50px,50px 50px,10px 10px,10px 10px}#cadCanvas{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 8px 10px rgba(20,30,40,.04));transform-origin:center;transition:transform .15s}#sourceImage{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain}.scale{position:absolute;left:20px;bottom:18px;color:#788493;font-size:11px}.scale span{display:inline-block;width:70px;border-top:2px solid #606b79;margin:0 8px 3px}.statusbar{height:32px;background:white;border-top:1px solid var(--line);display:flex;align-items:center;padding:0 14px;gap:22px;color:var(--muted);font-size:11px}.statusbar b{color:#566171}.statusbar .spacer{flex:1}.status-ready{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px}.right-panel{border-left:1px solid var(--line);overflow:auto}.inspector-head{padding:18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.inspector-head small{color:var(--muted)}.inspector-head h2{margin:2px 0 0;font-size:17px}.ai-badge{font-size:11px;background:#eef1ff;color:var(--blue);padding:4px 8px;border-radius:5px}.confidence{padding:14px 18px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.confidence b{float:right;color:var(--green)}.confidence div{height:4px;background:#edf0f3;margin-top:8px;border-radius:4px;overflow:hidden}.confidence i{display:block;width:96%;height:100%;background:var(--green)}.panel-section{padding:16px 18px;border-bottom:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;font-weight:700;font-size:13px;margin-bottom:13px}.section-title span,.section-title output{font-weight:400;color:var(--muted);font-size:11px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field label{display:flex;justify-content:space-between;color:#5d6876;font-size:11px;margin-bottom:4px}.field label b{color:var(--orange)}.number-wrap{position:relative}.number-wrap input{width:100%;padding:8px 30px 8px 9px;border:1px solid var(--line);border-radius:6px;outline:0;font-weight:600}.number-wrap input:focus{border-color:var(--orange)}.number-wrap span{position:absolute;right:8px;top:8px;color:#9aa3af;font-size:11px}.lock-row{display:flex;justify-content:space-between;margin-top:12px;color:#657080;font-size:11px}.lock-row button{border:0;background:none;color:var(--orange)}input[type=range]{width:100%;accent-color:var(--orange)}.radius-row{display:flex;gap:6px;margin-top:9px}.radius-row button{flex:1;border:1px solid var(--line);background:#fff;border-radius:5px;padding:6px;font-size:10px;color:#687382}.layer{display:grid;grid-template-columns:20px 8px 1fr 22px;align-items:center;gap:8px;padding:8px;border-radius:7px}.layer.active{background:#f6f7f9}.layer i{height:22px;background:#1a2530;border-radius:2px}.layer i.dimension-color{background:var(--orange)}.layer small,.layer b{display:block;font-size:10px}.layer small{color:var(--muted)}.layer button{border:0;background:none;color:#99a2ae}.notice{margin:15px;background:#fff8e7;border:1px solid #f4dfac;border-radius:8px;padding:11px;color:#806a36;font-size:11px}.notice p{margin:4px 0 0}.toast{position:fixed;left:50%;bottom:45px;transform:translate(-50%,20px);background:#17202b;color:#fff;padding:10px 16px;border-radius:7px;opacity:0;pointer-events:none;transition:.2s;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1000px){.workspace{grid-template-columns:230px 1fr}.right-panel{position:fixed;right:0;top:64px;bottom:0;width:280px;box-shadow:var(--shadow);transform:translateX(calc(100% - 8px));transition:.2s;z-index:5}.right-panel:hover{transform:none}.brand{min-width:auto}.brand>span:last-child{display:none}}@media(max-width:700px){body{overflow:auto}.topbar{padding:0 10px}.project{display:none}.workspace{grid-template-columns:1fr;height:auto}.left-panel{height:330px}.canvas-area{height:620px}.right-panel{display:none}.actions button:not(.primary){display:none}}
.optimize-profile{width:100%;margin-top:10px;padding:9px 12px;border:1px solid #cbd5df;border-radius:6px;background:#f1f4f7;color:#526170;font:600 13px/1.3 inherit;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.optimize-profile:hover{background:#e5ebf0;border-color:#98a7b5;color:#263746}.optimize-profile.active{background:#fff1e8;border-color:#ff6b22;color:#c84d16;box-shadow:0 0 0 2px rgba(255,107,34,.12)}.optimize-profile:active{transform:translateY(1px)}