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