:root,:root[data-theme=dark]{--bg:#1a1d23;--panel:#20242b;--line:#2e333c;--text:#e6e9ee;--muted:#8b94a3;--accent:#4f9cf9;--inset:#181b21;--card:#1b1f26;--grid:#23272e;--on-accent:#06121f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#eef1f5;--panel:#fff;--line:#d7dde6;--text:#1b2330;--muted:#5f6b7c;--accent:#2f7fe0;--inset:#f1f4f8;--card:#f7f9fc;--grid:#dce2ea;--on-accent:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{grid-template-columns:324px 1fr;height:100%;display:grid}.panel{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);flex-direction:column;gap:12px;padding:16px 18px 14px;display:flex}.panel-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px 18px;display:flex;overflow-y:auto}.panel-foot{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:12px 18px 14px;display:flex}.panel h1{letter-spacing:-.02em;align-items:baseline;gap:5px;margin:0;font-size:19px;font-weight:700;display:flex}.panel h1 span{color:var(--accent);font-weight:400}.seg{background:var(--inset);border-radius:10px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.seg.seg3{grid-template-columns:1fr 1fr 1fr}.seg.seg4{grid-template-columns:repeat(4,1fr)}.seg.seg4 button{padding:7px 3px;font-size:12px}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px;font-size:14px;font-weight:600}.seg button.on{background:var(--accent);color:var(--on-accent)}.section{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.section h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:11px;font-weight:700}.mode-select{background:var(--inset);border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;border-radius:8px;outline:none;padding:9px 10px;font-size:15px;font-weight:600}.mode-select:focus{border-color:var(--accent)}.row{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;display:grid}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.field input,.field select,.panel input[type=number]{background:var(--inset);border:1px solid var(--line);color:var(--text);border-radius:8px;outline:none;width:100%;padding:9px 10px;font-size:15px}.field input:focus,.field select:focus{border-color:var(--accent)}.field input[type=range]{accent-color:var(--accent);padding:0}.check{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.check input{width:16px;height:16px;accent-color:var(--accent)}.check.disabled{cursor:not-allowed;opacity:.5}.check.disabled input{cursor:not-allowed}.foot-actions{gap:8px;display:flex}.foot-actions .export{flex:1}.export{background:var(--accent);color:var(--on-accent);cursor:pointer;border:0;border-radius:10px;padding:12px;font-size:15px;font-weight:700}.export:hover{filter:brightness(1.08)}.icon-btn{flex:none;width:46px;padding:10px 0;font-size:16px}.ghost{color:var(--text);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;padding:10px;font-size:14px;font-weight:600}.ghost:hover{border-color:var(--accent);color:var(--accent)}.ghost:disabled{opacity:.4;cursor:default}.ghost:disabled:hover{border-color:var(--line);color:var(--text)}.stage-tools{z-index:5;align-items:center;gap:8px;display:flex;position:absolute;top:14px;right:14px}.seg.seg-mini{gap:4px;padding:3px;display:flex}.seg.seg-mini button{padding:6px 14px;font-size:13px}.tool-btn{background:var(--panel);color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600}.tool-btn:hover{border-color:var(--accent);color:var(--accent)}.cutout-svg{cursor:crosshair;background:var(--bg);touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.cutout-outer{fill:var(--panel);stroke:var(--muted);stroke-width:2px;vector-effect:non-scaling-stroke}.cutout-cell{stroke:var(--grid);stroke-width:1.5px;vector-effect:non-scaling-stroke}.cutout-inner{fill:none;stroke:var(--line);stroke-width:1.5px;stroke-dasharray:6 5;vector-effect:non-scaling-stroke}.cutout-poly{fill:#4f9cf947;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cutout-line{fill:none;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.cutout-handle{fill:var(--text);stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke;cursor:grab}.cutout-handle.first{fill:var(--accent)}.meta{color:var(--muted);margin:0;font-size:12.5px;line-height:1.4}.hint{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.stage{min-width:0;min-height:0;position:relative;overflow:hidden}.stage canvas{touch-action:none;display:block;width:100%!important;height:100%!important}@media (width<=720px){.app{grid-template-rows:minmax(0,auto) 1fr;grid-template-columns:1fr}.panel{border-right:0;border-bottom:1px solid var(--line);max-height:48vh}}