:root{color-scheme:dark;--bg:#0b1016;--panel:#111821;--panel2:#151e27;--line:#28343c;--muted:#7e9098;--text:#dce7e4;--accent:#9ee3ca;--accent2:#6fcdb1;--board:#e7e4dd}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}.header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #263039;background:#10161e;position:relative;z-index:10}.identity,.header-actions,.section-title,.section-title>div,.toolbar-top,.top-controls,.top-group,.canvas-toolbar,.canvas-actions,.bottom-bar,.work-label{display:flex;align-items:center}.identity{gap:11px}.identity b{font-size:15px;letter-spacing:.04em}.identity small{display:block;color:#778d94;font-size:9px;letter-spacing:.12em;margin-top:1px}.mark{width:33px;height:33px;border-radius:9px;background:var(--accent);display:grid;grid-template-columns:repeat(2,4px);grid-template-rows:repeat(2,4px);align-content:center;justify-content:center;gap:4px}.mark span{background:#152d2a;border-radius:50%}.edition{margin-left:14px;border-left:1px solid #36423f;padding-left:16px;font-size:9px;letter-spacing:.14em;color:#8b9f9b}.header-actions{gap:8px}.dropdown{position:relative}.head-btn,.export-btn{height:37px;border:1px solid #34404a;background:#17202a;border-radius:7px;padding:0 14px;display:flex;gap:9px;align-items:center;font-weight:600}.head-btn:hover,.canvas-btn:hover,.square-btn:hover{border-color:#7aa997}.head-btn i,.export-btn i{font-style:normal;color:#8da19e}.export-btn{background:var(--accent);border-color:var(--accent);color:#132823}.export-btn i{color:#385c51}.menu{display:none;position:absolute;right:0;top:44px;min-width:206px;padding:6px;background:#18232d;border:1px solid #36454b;border-radius:8px;box-shadow:0 12px 32px #0008}.menu.open{display:block}.menu button{border:0;background:none;width:100%;padding:10px;border-radius:5px;text-align:left;display:flex;justify-content:space-between;gap:15px}.menu button:hover{background:#263b38}.menu span{color:#8ba198;font-size:11px}.workspace{height:calc(100vh - 68px);display:grid;grid-template-columns:355px minmax(0,1fr)}.sidebar{background:#121a22;border-right:1px solid var(--line);overflow-y:auto;scrollbar-color:#3e5454 transparent;scrollbar-width:thin}.sidebar-intro{padding:24px 22px 17px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:9px;color:#78928d;letter-spacing:.15em;font-weight:700}.sidebar-intro h1{font-size:18px;letter-spacing:.08em;margin:3px 0 0;font-weight:650}.icon-btn{border:1px solid var(--line);border-radius:7px;background:#19242c;color:#a6bdb5;width:31px;height:31px;font-size:18px}.section{padding:19px 22px;border-top:1px solid #263139}.section-title{justify-content:space-between;margin-bottom:15px}.section-title>div{gap:8px}.section-number{font-size:10px;color:#7d9e94;font-family:monospace}.section h2{margin:0;font-size:13px;font-weight:650;letter-spacing:.04em}.muted{font-size:9px;color:#617978;letter-spacing:.12em}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mode{height:61px;background:#17222b;border:1px solid #2c3a40;border-radius:7px;text-align:left;padding:9px 10px;display:flex;align-items:center;gap:9px}.mode:hover{border-color:#598c80}.mode.active{background:#1d3332;border-color:#8bcdb8;box-shadow:inset 0 0 0 1px #8bcdb833}.mode .mini{width:26px;height:26px;flex:0 0 26px;color:#a6dac9}.mode strong{display:block;color:#d9e5df;font-size:11px;font-weight:600;white-space:nowrap}.mode small{display:block;color:#798e8a;font-size:9px;margin-top:2px}.shape-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.shape{height:36px;background:#17222b;border:1px solid #2e3b40;border-radius:6px;color:#aabbb7;font-size:17px}.shape:hover{border-color:#699b8d}.shape.active{border-color:var(--accent);color:var(--accent);background:#203733}.shape-tools{display:flex;gap:8px;align-items:center;margin-top:11px}.ghost-btn,.upload-btn{border:1px dashed #415453;border-radius:6px;background:#16222a;color:#bdd0c9;font-size:11px;min-height:34px}.ghost-btn{padding:0 9px}.file-name,.filename-line{color:#829a92;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filename-line{margin:7px 0 11px}.field-row{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:13px 0 7px}.field-row>label{color:#c0cfcb;font-size:11px}.field-row em{font-style:normal;color:#6e8580;font-size:10px;margin-left:3px}.field-row select,.inset select{width:157px}.number-unit,.dual label{display:flex;align-items:center;gap:5px;color:#8ba39b}.number-unit input{width:60px;text-align:right}.number-unit span,.dual span{font-size:10px}.number-unit input,.dual input,.field-row select,.inset select,.top-group input,.unit-select{border:1px solid #324149;background:#101920;color:#d3e5de;border-radius:5px;padding:5px 7px;outline:none}.field-row select,.inset select{height:29px}.range{accent-color:#9ce0c5;width:100%;height:3px;margin:5px 0 8px}.check{display:flex;align-items:center;gap:7px;color:#a8beb5;font-size:11px;margin:10px 0}.check input{accent-color:#8fd8bb;margin:0}.strong{font-weight:650;color:#d2e3dc}.hint{font-size:10px;line-height:1.7;color:#81948f;margin:0 0 10px}.upload-row,.boundary-line{display:flex;gap:6px}.upload-btn{flex:1;text-align:center}.upload-btn:hover,.ghost-btn:hover{border-color:var(--accent);color:var(--accent)}.square-btn{border:1px solid #324149;background:#1b2931;border-radius:6px;padding:0 10px;color:#b4c8c0}.dual{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0}.dual label{font-size:10px;white-space:nowrap}.dual input{min-width:0;width:100%;text-align:right}.two-fields{margin-top:4px}.inset{background:#17232a;border:1px solid #2b3a40;border-radius:7px;padding:2px 11px 5px;margin:12px 0}.text-btn{border:0;background:none;padding:2px 0;color:#8ab8a8;font-size:11px}.color-row{display:flex;gap:10px;margin-top:14px}.color-row label{flex:1;display:flex;align-items:center;justify-content:space-between;color:#b0c3bc;font-size:11px}.color-row input{height:28px;width:40px;padding:2px;border:1px solid #3b4c49;background:#17242b;border-radius:5px}.sidebar-footer{padding:18px 22px;color:#627875;font-size:9px;letter-spacing:.14em;display:flex;justify-content:space-between}.main-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:#0e151c}.toolbar-top{min-height:73px;border-bottom:1px solid #25313a;padding:12px 22px;gap:20px;justify-content:space-between;flex-wrap:wrap}.work-label{gap:8px;min-width:120px}.work-label strong{display:block;font-size:12px}.work-label small{display:block;color:#78918a;font-size:10px}.status-dot{display:inline-block;width:7px;height:7px;background:#8de3bd;border-radius:50%;box-shadow:0 0 10px #8de3bd99;vertical-align:middle}.top-controls{background:#141e26;border:1px solid #2d3b42;border-radius:7px;min-height:39px;padding:4px 6px;gap:8px;flex-wrap:wrap}.top-group{gap:7px}.top-group label{font-size:10px;color:#819892;white-space:nowrap}.top-group input{width:47px;border:0;background:#101920;padding:5px;color:#c5e9da;text-align:center}.top-group input::-webkit-inner-spin-button{opacity:0}.top-icon{color:#8bd3ba;font-size:15px}.group-name{font-size:10px;color:#b9d2c8;font-weight:700;margin-right:2px}.top-divider{width:1px;height:22px;background:#34463f}.lock{border:1px solid #364941;background:#15232a;width:25px;height:26px;border-radius:5px;color:#708b7c;padding:0}.lock.active{color:#b1ecd6;border-color:#6cae9c;background:#254239}.unit-select{font-size:10px;color:#b8d5c8;height:27px;padding:3px}.canvas-toolbar{padding:24px 25px 17px;justify-content:space-between;gap:15px}.canvas-title h2{font-size:17px;margin:4px 0 0;letter-spacing:.06em}.canvas-title h2 span{font-size:10px;font-weight:500;letter-spacing:0;color:#88a29a;background:#1b2a2e;border-radius:4px;padding:4px 6px;margin-left:7px;vertical-align:middle}.canvas-actions{gap:9px}.canvas-btn{border:1px solid #34454b;border-radius:7px;background:#18242b;padding:8px 11px;color:#b6cbc2;font-size:11px;display:flex;gap:8px;align-items:center}.canvas-btn.active{border-color:#71bca5;color:#a7ecd0;background:#203a35}.engine-icon{color:#a1dcc4}.switch{display:inline-flex;align-items:center;width:24px;height:13px;border-radius:10px;background:#3a4a49;padding:2px}.switch i{width:9px;height:9px;border-radius:50%;background:#9db2ac}.canvas-btn.active .switch{background:#82d4b6;justify-content:flex-end}.canvas-btn.active .switch i{background:#20382d}.zoom-group{display:flex;align-items:center;border:1px solid #34454b;border-radius:7px;overflow:hidden;background:#18242b;height:33px}.zoom-group button{background:transparent;border:0;color:#b1c8be;width:30px;height:30px}.zoom-group button:hover{background:#294039}.zoom-group span{font-size:10px;color:#a8beb6;width:37px;text-align:center}.board-area{flex:1;min-height:0;padding:0 25px 18px;overflow:auto}.board-inner{min-height:100%;display:flex;justify-content:center;align-items:center;background:#17212a;border:1px solid #293a42;border-radius:10px;padding:35px;overflow:auto;background-image:radial-gradient(#2b3940 1px,transparent 1px);background-size:16px 16px}.canvas-wrap{position:relative;flex:none;line-height:0;background:#e8e5de;box-shadow:0 14px 38px #0006}.canvas-wrap canvas{display:block;width:100%;height:auto}.curve-handles{position:absolute;inset:0;pointer-events:none}.curve-dot{position:absolute;width:12px;height:12px;background:#9fe5cb;border:2px solid #17352d;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;pointer-events:auto}.bottom-bar{min-height:47px;padding:0 25px;border-top:1px solid #25313a;gap:14px;justify-content:space-between;color:#7f9790;font-size:10px}.bottom-bar b{color:#c6d9d0;font-weight:600;margin-left:6px}.divider-dot{margin:0 8px;color:#506b61}.legend{display:flex;gap:8px;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:4px}.legend i{width:7px;height:7px;border-radius:50%}.bottom-hint{color:#617a72;white-space:nowrap}.mode-panel{margin-top:12px;padding:2px 10px 8px;border:1px solid #2b3b40;border-radius:7px;background:#16232a}.mode-panel .hint{margin-top:10px}.mode-panel select{max-width:155px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:50;background:#d6f4e7;color:#17382a;border-radius:7px;padding:10px 16px;transition:.2s;box-shadow:0 8px 28px #0005;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}.svg-measure{position:absolute;left:-100000px;top:0;width:1000px;height:1000px;visibility:hidden;overflow:hidden}.help-link{color:#a4d8c5}.warning{color:#e6bd83}.mode-panel .two-button{display:flex;gap:5px}.mode-panel .two-button button{background:#233730;border:1px solid #405c51;border-radius:5px;font-size:10px;padding:5px 8px}.shape-info{margin-top:8px}.drag-label{font-size:10px;color:#91c4b1;margin-top:7px}
@media(max-width:1150px){.workspace{grid-template-columns:310px minmax(0,1fr)}.section{padding-left:16px;padding-right:16px}.sidebar-intro{padding-left:16px;padding-right:16px}.top-controls{gap:5px}.top-group{gap:4px}.top-group input{width:42px}.bottom-hint{display:none}.work-label{display:none}.toolbar-top{justify-content:center}}@media(max-width:760px){body{overflow:auto}.header{height:58px;padding:0 12px}.identity b{font-size:13px}.identity small,.edition,.head-btn span{display:none}.header-actions{gap:5px}.head-btn,.export-btn{height:34px;padding:0 9px}.workspace{height:auto;display:flex;flex-direction:column-reverse}.main-panel{height:70vh;min-height:490px}.sidebar{height:auto;border-top:1px solid var(--line);overflow:visible}.toolbar-top{padding:8px;min-height:75px}.top-controls{justify-content:center}.canvas-toolbar{padding:12px}.canvas-title h2{font-size:14px}.board-area{padding:0 10px 10px}.board-inner{padding:18px}.bottom-bar{padding:0 10px}.canvas-actions{gap:5px}.zoom-group button{width:23px}.legend{display:none}.section{padding:16px}.mode-grid{grid-template-columns:repeat(2,1fr)}}

.modal-backdrop{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#050909bb;padding:20px}.modal-backdrop[hidden]{display:none}.modal{width:min(520px,100%);padding:20px;background:#17242a;border:1px solid #456057;border-radius:10px;box-shadow:0 20px 80px #0008}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:3px 0 10px;font-size:16px}.modal-head button{font-size:20px}.modal svg{width:100%;max-height:420px;background:#e7e5df;cursor:crosshair;border-radius:6px;touch-action:none}.modal-actions{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}.modal-actions .check{margin-right:auto}.modal-actions button{height:34px}.modal-actions .export-btn{padding:0 14px}.modal .hint{margin-bottom:10px}

.contour-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;touch-action:none}.contour-overlay.draw-active{pointer-events:auto;cursor:crosshair}.contour-overlay path{fill:none;stroke:#d45752;stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:.85}.contour-overlay.draw-active{background:rgba(255,255,255,.08)}.ai-modal{max-width:460px}.ai-status{font-size:11px;color:#a7d9c7;margin:8px 0}.mode-panel .active-control{background:#295144!important;border-color:#8ad5b8!important;color:#b3eed7}.mode-panel .file-name{display:block;margin:6px 0}.image-meta{color:#92b1a7;font-size:10px;line-height:1.7}.mode-panel .stacked-upload{display:flex;gap:6px;margin:9px 0}.mode-panel .stacked-upload button{flex:1}.mode-panel .check input{flex-shrink:0}.quality-pill{display:inline-block;background:#213c36;color:#a1d9c5;border-radius:4px;padding:2px 5px;font-size:9px;margin-left:4px}
.setup-backdrop{z-index:38;background:#07100fee}.setup-modal{width:min(660px,100%);padding:28px;border-color:#415a52}.setup-modal .modal-head h2{font-size:20px;margin:5px 0}.setup-lead{font-size:12px;color:#9bb2a9;margin:0 0 20px}.setup-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.setup-choice{text-align:left;border:1px solid #354b47;background:#142028;border-radius:7px;padding:11px 10px;min-height:65px}.setup-choice b,.setup-choice small{display:block}.setup-choice b{font-size:11px;color:#d8e8e1}.setup-choice small{color:#829b92;font-size:10px;margin-top:4px}.setup-choice:hover,.setup-choice.active{border-color:#8ad9bc;background:#203a33}.setup-source{margin:12px 0 3px;color:#a9ddc9;font-size:11px;min-height:18px;overflow-wrap:anywhere}.setup-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.setup-field label{font-size:11px;color:#b4c8c0;display:block;margin-bottom:6px}.setup-field label span{color:#78948a}.setup-field input,.setup-calc{width:100%;height:36px;background:#101920;color:#def0e8;border:1px solid #374a46;border-radius:6px;padding:8px}.setup-calc{color:#96c9b5;font-size:12px}.setup-hint{margin-top:8px!important}.setup-error{font-size:11px;color:#f0bc92;min-height:18px}.setup-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #30423e;padding-top:15px}.setup-secondary{display:flex;gap:14px;flex-wrap:wrap}.setup-generate{height:38px;flex-shrink:0}.gradient-panel{margin-top:12px;border-top:1px solid #32443f;padding-top:4px}.gradient-panel .field-row select{max-width:155px}.fit-warning{color:#e8bd91!important}.fit-success{color:#a1d9c2!important}@media(max-width:600px){.setup-modal{max-height:90vh;overflow:auto;padding:20px}.setup-choices{grid-template-columns:repeat(2,1fr)}.setup-form{grid-template-columns:repeat(2,1fr)}.setup-footer{align-items:flex-end}}