:root{--bg-base: #F6F1E8;--bg-canvas: #FCFAF4;--bg-panel: #FBF8F2;--bg-hover: #E7DFCF;--bg-active: #D8CEBA;--bg-dark: #2B2722;--bg-dark-hover: #3A342E;--text-primary: #2B2722;--text-secondary: #6E6557;--text-tertiary: #A2987F;--text-on-dark: #F6F1E8;--accent: #2F6BFF;--accent-hover: #1A56E8;--accent-green: #1F9D6B;--accent-orange: #C2693E;--border: #D8CEBA;--border-strong: #C4B9A4;--entity-stroke: #2B2722;--entity-fill: none;--entity-hover: #2F6BFF;--entity-selected: #2F6BFF;--entity-point-fill: #2B2722;--entity-point-sel: #2F6BFF;--constraint-color: #1F9D6B;--construction: #A2987F;--radius-sm: 5px;--radius-md: 7px;--radius-lg: 9px;--radius-xl: 12px;--surface: #FBF8F2;--surface2: #F6F1E8;--line: #E7DFCF;--line2: #F0E9DB;--muted: #A2987F;--font: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font);font-size:13px;color:var(--text-primary);background:#f1ebe0;-webkit-font-smoothing:antialiased}button{font-family:var(--font);font-size:13px;cursor:pointer;border:none;background:none}input{font-family:var(--font);font-size:13px}svg{display:block}#app{display:flex;flex-direction:column;height:100vh}#topbar{display:flex;align-items:center;height:54px;padding:0 16px;background:var(--surface);color:var(--text-primary);border-bottom:1px solid var(--line);flex-shrink:0;gap:16px}.topbar-left{display:flex;align-items:center;gap:10px;flex:1 1 0;min-width:0}.app-logo{display:flex;align-items:center;gap:8px;flex-shrink:0}.app-logo-mark{display:block;border-radius:7px}.app-wordmark{display:flex;flex-direction:column;gap:1px;line-height:1.05}.app-wm-name{font-weight:600;font-size:14px;letter-spacing:-.02em;color:var(--text-primary);white-space:nowrap}.app-wm-sub{font-family:IBM Plex Mono,monospace;font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap}.topbar-doc{display:flex;align-items:center;gap:6px;min-width:0}.topbar-doc-chevron{color:var(--muted);transform:rotate(90deg);flex-shrink:0}.topbar-center{font-size:14.5px;font-weight:600;color:var(--text-primary);white-space:nowrap;letter-spacing:-.01em;padding:2px 4px;border-radius:5px}.topbar-right{display:flex;align-items:center;gap:7px;flex:1 1 0;min-width:0;justify-content:flex-end}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:0 11px;height:32px;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;transition:background .12s,color .12s}.btn-ghost:hover{background:var(--surface2);color:var(--text-primary)}.btn-icon{width:32px;padding:0;justify-content:center;color:var(--text-secondary)}.btn-icon.off{color:var(--text-tertiary);position:relative}.btn-icon.off:after{content:"";position:absolute;left:6px;right:6px;top:50%;height:1.6px;background:currentColor;transform:rotate(-45deg);border-radius:1px}.vis-menu-wrap{position:relative;display:inline-flex}.vis-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:300;min-width:240px;background:var(--bg-panel);border-radius:12px;padding:6px;box-shadow:0 18px 50px #2b27222e;-webkit-user-select:none;user-select:none}.vis-menu-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);padding:6px 10px 4px}.vis-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border-radius:8px;color:var(--text-primary);font-size:13.5px;text-align:left;transition:background .1s}.vis-menu-item:hover{background:var(--surface2)}.vis-menu-item .vis-label{flex:1}.vis-menu-item .vis-key{color:var(--text-tertiary);font-size:11.5px}.vis-menu-item .vis-check{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--accent);opacity:0}.vis-menu-item.checked .vis-check{opacity:1}.btn-primary{display:inline-flex;align-items:center;gap:7px;padding:0 14px;height:32px;border-radius:var(--radius-lg);background:var(--accent);color:#fff;font-weight:600;transition:background .12s,filter .12s}.btn-primary:hover{background:var(--accent-hover)}.topbar-right .btn-primary{background:var(--bg-dark)}.topbar-right .btn-primary:hover{background:var(--bg-dark-hover)}#workspace{display:flex;flex:1;overflow:hidden}#entity-tree,#properties{position:relative;transition:width .16s ease}.panel-toggle{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;padding:0;background:var(--surface2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;line-height:1;cursor:pointer}.panel-toggle:hover{border-color:var(--accent);color:var(--accent)}.panel-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;background:var(--surface);border-bottom:1px solid var(--line2)}.panel-bar-title{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}#entity-tree.collapsed,#properties.collapsed{width:0;border:none;overflow:visible}#entity-tree.collapsed .et-list,#entity-tree.collapsed .et-header span,#properties.collapsed .panel-section,#properties.collapsed .panel-bar-title{display:none}#entity-tree.collapsed .et-header,#properties.collapsed .panel-bar{padding:0;border:none;min-height:0}.collapsed .panel-toggle{position:absolute;top:10px;z-index:6;box-shadow:0 1px 4px #0000001f}#entity-tree.collapsed .panel-toggle{left:8px}#properties.collapsed .panel-toggle{right:8px}.tool-pill{display:flex;align-items:center;gap:3px;padding:3px;background:var(--surface2);border:1px solid var(--line);border-radius:11px;flex-shrink:0}.tool-group{display:flex;align-items:center;gap:2px}.tool-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:7px;color:var(--text-secondary);transition:background .12s,color .12s}.tool-btn:hover{background:#2b27220f;color:var(--text-primary)}.tool-btn.active,.tool-btn.active:hover{background:var(--accent);color:#fff}.tool-pill-divider{width:1px;height:22px;background:var(--line);margin:0 3px}#app.compact-tools .tool-pill{position:fixed;top:62px;left:50%;transform:translate(-50%);z-index:50;box-shadow:0 8px 24px #2b27222e}#canvas-container{flex:1;position:relative;overflow:hidden;background:var(--bg-canvas)}#canvas{width:100%;height:100%;cursor:default}#canvas.tool-point,#canvas.tool-line,#canvas.tool-circle,#canvas.tool-rect,#canvas.tool-dim,#canvas.tool-arc,#canvas.tool-polygon,#canvas.tool-trim,#canvas.tool-fill{cursor:crosshair}#canvas.tool-pan{cursor:grab}#canvas.tool-pan-drag{cursor:grabbing}.fill-region-hover{fill:#2f6bff26;stroke:#2f6bff;stroke-width:1.5px}#canvas.hover-rotate{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 2a8 8 0 1 1-8 8' stroke='%232B2722' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M2 10L0 7M2 10L5 9' stroke='%232B2722' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 10 10,grab}#canvas-coords{position:absolute;bottom:12px;left:14px;font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;pointer-events:none}.inline-dim{position:absolute;transform:translate(-50%,-50%);box-sizing:content-box;width:4ch;min-width:2ch;padding:3px 6px;font-size:13px;font-family:var(--font-mono);text-align:center;color:var(--text-primary);background:var(--bg-base);border:1.5px solid #E0742F;border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000002e;outline:none;z-index:20}.pick-cursor{position:absolute;pointer-events:none;z-index:30;display:flex;align-items:center;gap:6px;padding:3px 9px 3px 4px;background:var(--accent);color:#fff;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #00000038;transform:translate(15px,15px)}.pick-cursor .pc-badge{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#ffffff40;border-radius:4px;font-weight:700}.inline-dim-ac{position:absolute;transform:translate(-50%);margin:0;min-width:120px;box-shadow:0 4px 14px #0000002e;z-index:21}.entity-line{stroke:var(--entity-stroke);stroke-width:1.5px;fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.entity-line.hovered{stroke:var(--entity-hover)}.entity-line.selected{stroke:var(--entity-selected);stroke-width:3px}.entity-line.construction{stroke:var(--construction);stroke-dasharray:5 4}.entity-travel{stroke:#2d6cdf;stroke-width:.75px;fill:none;stroke-dasharray:3 3;opacity:.45;vector-effect:non-scaling-stroke}.entity-circle{stroke:var(--entity-stroke);stroke-width:1.5px;fill:none;vector-effect:non-scaling-stroke}.entity-circle.hovered{stroke:var(--entity-hover)}.entity-circle.selected{stroke:var(--entity-selected);stroke-width:3px}.entity-point{fill:var(--entity-point-fill);stroke:var(--bg-canvas);stroke-width:1.5px;vector-effect:non-scaling-stroke}.entity-point-batch{fill:var(--entity-point-fill);stroke:none}.entity-point.hovered{fill:var(--entity-hover)}.entity-point.selected{fill:var(--entity-selected)}.entity-point.construction{fill:var(--construction)}.entity-point.highlighted{fill:var(--entity-selected);stroke:var(--entity-selected);stroke-width:5px;stroke-opacity:.35;filter:drop-shadow(0 0 3px var(--entity-selected))}.entity-line.highlighted,.entity-circle.highlighted,.entity-arc.highlighted{stroke:var(--entity-selected);stroke-width:3.5px;filter:drop-shadow(0 0 3px var(--entity-selected))}.entity-line.construction.hovered,.entity-arc.construction.hovered{stroke:var(--entity-hover)}.entity-line.construction.selected,.entity-arc.construction.selected{stroke:var(--entity-selected);stroke-width:2px}.entity-line.construction.highlighted,.entity-arc.construction.highlighted{stroke:var(--entity-selected);stroke-width:3.5px;filter:drop-shadow(0 0 3px var(--entity-selected))}.entity-arc{stroke:var(--entity-stroke);stroke-width:1.5px;fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.entity-arc.hovered{stroke:var(--entity-hover)}.entity-arc.selected{stroke:var(--entity-selected);stroke-width:3px}.entity-arc.construction{stroke:var(--construction);stroke-dasharray:5 4}.hit-area{fill:transparent;stroke:transparent;pointer-events:all}.constraint-marker{font-size:10px;fill:var(--constraint-color);font-family:var(--font);font-weight:600;pointer-events:none}.constraint-line{stroke:var(--constraint-color);stroke-width:1px;fill:none;stroke-dasharray:2 3;pointer-events:none}.constraint-dim{stroke:var(--accent);stroke-width:1px;fill:none;pointer-events:none}.constraint-dim-text{font-size:10px;fill:var(--accent);font-family:var(--font);font-weight:500}.overlay-line{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:6 4;fill:none;stroke-linecap:round;pointer-events:none;vector-effect:non-scaling-stroke}.overlay-circle{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:6 4;fill:none;pointer-events:none;vector-effect:non-scaling-stroke}.snap-indicator{stroke:var(--accent);stroke-width:2px;fill:none;pointer-events:none;vector-effect:non-scaling-stroke}.overlay-rect{stroke:var(--accent);fill:#2f6bff0a;stroke-dasharray:6 4;stroke-linecap:round;pointer-events:none}.overlay-highlight{fill:none;stroke:var(--accent-orange);stroke-width:4px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px var(--accent-orange));pointer-events:none}.overlay-highlight.pt{fill:var(--accent-orange);stroke:#fff;stroke-width:1.5px}.selection-bounds{stroke:var(--accent);fill:none;stroke-dasharray:4 3;pointer-events:none}.rotate-handle{stroke:var(--accent);fill:var(--bg-canvas);pointer-events:none;transition:fill .1s}.rotate-handle.active{fill:var(--accent)}.marquee-rect{fill:#2f6bff0f;stroke:#2f6bff;stroke-dasharray:4 3;pointer-events:none}.color-popover{position:absolute;z-index:300;background:var(--bg-panel);border-radius:14px;padding:14px 14px 12px;box-shadow:0 18px 50px #2b27222e;width:252px;-webkit-user-select:none;user-select:none}.cp-popover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.cp-label{font-size:13.5px;font-weight:600}.cp-type{font-size:12px;color:var(--text-tertiary)}.cp-header-right{display:flex;align-items:center;gap:8px}.cp-eyedropper{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:var(--surface2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer}.cp-eyedropper:hover{border-color:var(--accent);color:var(--accent)}.cp-gradient-wrap{position:relative;border-radius:9px;overflow:hidden;height:140px;margin-bottom:9px;cursor:crosshair}.cp-gradient-canvas{display:block;width:100%;height:100%}.cp-picker-thumb{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000040,0 1px 3px #00000040;transform:translate(-50%,-50%);pointer-events:none;transition:left .02s,top .02s}.cp-hue-wrap{position:relative;height:14px;margin-bottom:9px;cursor:pointer}.cp-hue-bar{height:14px;border-radius:7px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.cp-hue-thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #00000040,0 1px 3px #00000040;transform:translate(-50%,-50%);pointer-events:none}.cp-fields{display:flex;gap:9px;margin-bottom:10px}.cp-field-hex{flex:1;display:flex;align-items:center;gap:4px;background:var(--bg-base);border-radius:8px;height:33px;padding:0 11px}.cp-field-hex input{background:none;border:none;outline:none;font-size:13.5px;font-weight:600;font-family:var(--font-mono);color:var(--text-primary);width:0;flex:1;text-transform:uppercase}.cp-hash{font-size:13.5px;font-weight:500;color:var(--text-secondary)}.cp-field-opacity{display:flex;align-items:center;gap:3px;background:var(--bg-base);border-radius:8px;height:33px;padding:0 10px;width:60px}.cp-opacity{background:none;border:none;outline:none;font-size:13.5px;font-weight:600;font-family:var(--font);color:var(--text-primary);width:0;flex:1;text-align:right;-moz-appearance:textfield}.cp-opacity::-webkit-inner-spin-button{display:none}.cp-pct{font-size:11px;font-weight:500;color:var(--text-secondary)}.cp-palette-label{font-size:10.5px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.cp-swatches{display:flex;gap:7px;align-items:center}.cp-swatch{height:30px;flex:1;border-radius:8px;cursor:pointer;padding:0;position:relative;border:none;transition:box-shadow .08s;overflow:hidden}.cp-swatch:hover{box-shadow:0 2px 8px #2b272233}.cp-swatch.selected{box-shadow:var(--bg-panel) 0 0 0 2px,var(--accent) 0 0 0 3.5px}.cp-no-fill{background:var(--bg-panel)!important;flex:0 0 30px;width:30px;height:30px}.cp-no-fill svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.prop-color-row{justify-content:space-between;gap:8px}.prop-color-val{display:flex;align-items:center;gap:6px;min-width:0;margin-left:auto}.prop-color-swatch{width:18px;height:18px;border-radius:3px;border:1px solid var(--border-strong);cursor:pointer;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;background-image:repeating-conic-gradient(#ccc 0% 25%,transparent 0% 50%);background-size:6px 6px}.prop-color-hex{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase}#properties{width:300px;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--line);flex-shrink:0;overflow-y:auto}.panel-section{border-bottom:1px solid var(--line2);padding:6px 0 12px}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.prop-empty{padding:2px 18px 8px;color:var(--muted);font-size:13px}#prop-content{padding:2px 18px 6px;display:flex;flex-direction:column;gap:8px}.prop-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;gap:10px}.prop-label{font-size:12px;color:var(--muted);min-width:16px;font-weight:500}.prop-input{flex:1;background:var(--surface2);border:1px solid var(--line);border-radius:var(--radius-md);padding:0 10px;height:32px;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary);outline:none;width:0}.prop-input:focus{border-color:var(--accent);background:var(--surface)}.prop-value{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary);white-space:nowrap;text-align:right}.prop-input-wrap{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.prop-input-wrap .prop-input{flex:1}.prop-unit{font-size:11px;color:var(--text-secondary);flex-shrink:0;white-space:nowrap}.constraint-count{background:var(--surface2);border:1px solid var(--line);color:var(--text-secondary);border-radius:10px;padding:1px 8px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.constraints-grid{display:flex;flex-wrap:wrap;gap:4px;padding:4px 12px 8px}.constraint-chip{padding:3px 8px;background:var(--bg-base);border:1px solid var(--border);border-radius:10px;font-size:11px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.constraint-add-btn{padding:4px 10px;background:var(--accent);border:none;border-radius:var(--radius-sm);font-size:11px;font-weight:600;color:#fff;cursor:pointer;transition:filter .1s}.constraint-add-btn:hover{filter:brightness(1.08)}.constraints-list{display:flex;flex-direction:column;gap:2px;margin:0 4px;background:var(--surface2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:4px}.constraints-list:empty{display:none}.constraint-item{display:flex;align-items:center;justify-content:space-between;padding:0 8px;height:34px;background:transparent;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.constraint-item:hover{background:#2b27220d}.constraint-item.active{background:var(--surface);outline:1px solid var(--accent-orange);outline-offset:-1px}.constraint-item-label{display:flex;align-items:center;gap:9px;color:var(--text-primary)}.constraint-badge{width:22px;height:22px;border-radius:5px;background:var(--surface);border:1px solid var(--line);color:var(--accent-green);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.constraint-badge.accent,.constraint-badge.orange{background:var(--surface);color:var(--accent-orange)}.constraint-remove{width:16px;height:16px;border-radius:3px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);opacity:0;transition:opacity .1s,background .1s}.constraint-item:hover .constraint-remove{opacity:1}.constraint-remove:hover{background:var(--bg-hover);color:var(--text-primary)}.dof-status{padding:6px 12px 12px}.dof-label{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary)}.dof-label:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent-orange)}.dof-label.fully:before{background:var(--accent-green)}.dof-label.over:before{background:#ff4d4d}.dof-list{margin-top:8px;display:flex;flex-direction:column;gap:2px}.dof-item{font-size:11px;color:var(--text-secondary);padding:3px 8px 3px 10px;border-radius:var(--radius-sm);border-left:2px solid var(--accent-orange);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-base)}.dof-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dof-more{font-size:11px;color:var(--text-tertiary);padding:2px 8px;font-style:italic}.dof-hint{font-size:11px;color:var(--text-secondary);padding:4px 8px;line-height:1.5}.dof-fix-btn{margin:6px 8px 2px;padding:5px 10px;font-size:11px;font-family:inherit;font-weight:500;background:var(--accent-orange);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:calc(100% - 16px);text-align:center}.dof-fix-btn:hover{filter:brightness(1.1)}.dof-redundant{display:flex;align-items:center;justify-content:space-between;gap:6px;border-left-color:#ff4d4d}.dof-remove-btn{flex:none;border:none;background:transparent;color:var(--text-tertiary);font-size:12px;line-height:1;padding:2px 4px;border-radius:var(--radius-sm);cursor:pointer}.dof-remove-btn:hover{background:#ff4d4d;color:#fff}#statusbar{display:flex;align-items:center;gap:12px;height:30px;padding:0 16px;background:var(--surface);border-top:1px solid var(--line);font-size:12px;color:var(--text-secondary);flex-shrink:0}.status-tool-pill{display:inline-flex;align-items:center;height:20px;padding:0 9px;border-radius:6px;background:var(--surface2);border:1px solid var(--line);font-size:11px;font-weight:600;color:var(--text-primary);letter-spacing:.01em}.status-sep{color:var(--border-strong)}.status-right{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--muted)}#zoom-pod{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 2px 10px #2b272212;-webkit-user-select:none;user-select:none;cursor:pointer;transition:border-color .12s,color .12s}#zoom-pod:hover{border-color:var(--accent)}#zoom-pod:hover .zoom-grid,#zoom-pod:hover .zoom-val{color:var(--accent)}.zoom-grid{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.zoom-val{font-size:13px;font-weight:600;padding:0 8px 0 2px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b272247;display:flex;align-items:center;justify-content:center;z-index:100}.dialog{background:var(--bg-panel);border-radius:16px;padding:20px;min-width:260px;box-shadow:0 24px 60px #2b272233}.dialog-title{font-weight:600;font-size:15px;margin-bottom:12px}.dialog-input{width:100%;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);padding:7px 10px;font-size:14px;margin-bottom:14px;outline:none}.dialog-input:focus{border-color:var(--accent)}.dialog-value-hint{font-size:11px;color:var(--text-secondary);margin-top:-10px;margin-bottom:10px}.dialog-ac{margin-top:-10px;margin-bottom:10px;max-height:168px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-base)}.dialog-ac-item{display:flex;justify-content:space-between;gap:10px;padding:5px 10px;font-size:12px;cursor:pointer}.dialog-ac-item.active,.dialog-ac-item:hover{background:var(--bg-hover)}.dialog-ac-name{color:var(--text-primary);font-family:var(--font-mono)}.dialog-ac-val{color:var(--text-tertiary);font-variant-numeric:tabular-nums}.dialog-name-input{margin-top:6px;font-family:var(--font-mono);font-size:12px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end}.cpk-modal{background:var(--bg-panel);border-radius:16px;box-shadow:0 28px 70px #2b272242;width:400px;max-height:82vh;display:flex;flex-direction:column;overflow:hidden}.cpk-header{padding:16px 18px 0}.cpk-title-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.cpk-icon-chip{width:26px;height:26px;background:var(--bg-dark);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-on-dark);font-size:13px;font-weight:700}.cpk-title{font-size:16px;font-weight:600;flex:1}.cpk-close{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:400;color:var(--text-secondary);transition:background .1s}.cpk-close:hover{background:var(--bg-base)}.cpk-subtitle{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--bg-base)}.cpk-selection-label{font-size:12.5px;color:var(--text-secondary)}.cpk-sel-chips{display:flex;gap:6px;flex-wrap:wrap}.cpk-sel-chip{display:inline-flex;align-items:center;background:#2f6bff1a;border-radius:7px;height:26px;padding:0 9px;font-size:12.5px;font-weight:600;color:var(--accent)}.cpk-search{padding:10px 18px;border-bottom:1px solid var(--bg-base)}.cpk-search-inner{display:flex;align-items:center;gap:9px;background:var(--bg-base);border-radius:9px;height:36px;padding:0 12px}.cpk-search-input{flex:1;background:none;border:none;outline:none;font-size:13.5px;font-family:var(--font);color:var(--text-primary)}.cpk-search-input::placeholder{color:var(--text-tertiary)}.cpk-search-count{font-size:11px;color:var(--text-tertiary);white-space:nowrap}.cpk-list{flex:1;overflow-y:auto;padding:4px 8px;min-height:160px}.cpk-section-header{font-size:10.5px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:10px 12px 4px}.cpk-row{display:flex;align-items:center;gap:12px;padding:0 12px;height:46px;border-radius:9px;cursor:pointer;transition:background .1s}.cpk-row:hover{background:var(--bg-base)}.cpk-row.selected{background:#2f6bff1a}.cpk-row-icon{width:28px;height:28px;background:var(--bg-panel);border-radius:5px;box-shadow:0 1px 1.5px #2b27220f;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;font-weight:700;color:var(--text-primary)}.cpk-row.selected .cpk-row-icon{background:#2f6bff14}.cpk-row-label{font-size:13px;color:var(--text-primary);flex:1}.cpk-row-need{color:var(--text-tertiary);font-size:11px}.cpk-row-kbd{flex-shrink:0;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;background:var(--bg-base);border:1px solid var(--line);border-radius:5px;font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--text-secondary)}.cpk-row.selected .cpk-row-kbd{border-color:var(--accent);color:var(--accent)}.cpk-footer{padding:12px 18px;border-top:1px solid var(--bg-base);display:flex;align-items:center;gap:10px}.cpk-footer-hint{flex:1;font-size:12px;color:var(--text-tertiary)}.cpk-cancel{border-radius:9px;height:36px;padding:0 15px;font-size:13px;font-weight:600;color:var(--text-secondary);transition:background .1s}.cpk-cancel:hover{background:var(--bg-base)}.cpk-apply{display:flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border-radius:9px;height:36px;padding:0 17px;font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;transition:background .1s}.cpk-apply:hover:not(:disabled){background:var(--accent-hover)}.cpk-apply:disabled{opacity:.45;cursor:not-allowed}.cpk-apply-kbd{background:#fff3;border-radius:5px;height:20px;padding:0 5px;font-size:11px;display:flex;align-items:center}.export-modal-panel{background:var(--bg-panel);border-radius:16px;box-shadow:0 24px 60px #2b272233;width:400px;display:flex;flex-direction:column;overflow:hidden;max-height:85vh}.export-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 18px 14px}.export-title{font-size:16px;font-weight:600;margin-bottom:3px}.export-filename{font-size:12.5px;color:var(--text-secondary)}.export-tabs-row{padding:0 18px 14px}.export-tabs{display:flex;background:var(--bg-base);border-radius:9px;padding:3px;gap:3px}.export-tab{flex:1;height:30px;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--text-secondary);transition:background .1s,color .1s,box-shadow .1s}.export-tab.active{background:var(--bg-panel);color:var(--text-primary);box-shadow:0 1px 3px #2b27221a}.export-entity-list{padding:0 18px 4px;max-height:220px;overflow-y:auto}.export-entity-row{display:flex;align-items:center;gap:10px;height:34px;border-radius:7px;padding:0 6px}.export-entity-row:hover{background:var(--bg-base)}.export-entity-name{flex:1;font-size:13px;color:var(--text-primary)}.export-entity-badge{font-size:10px;font-weight:700;color:var(--text-tertiary);background:#8b93a624;border-radius:5px;padding:2px 6px}.export-toggle{position:relative;width:34px;height:20px;flex-shrink:0}.export-toggle input{opacity:0;width:0;height:0;position:absolute}.export-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:11px;background:var(--bg-active);cursor:pointer;transition:background .15s}.export-toggle input:checked+.export-toggle-track{background:var(--accent-green)}.export-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s;pointer-events:none}.export-toggle input:checked~.export-toggle-thumb{transform:translate(14px)}.export-preview{margin:4px 18px 14px;background:var(--bg-canvas);border-radius:10px;padding:12px;min-height:60px}.export-preview-label{font-size:10.5px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.export-preview-info{font-size:12px;color:var(--text-secondary)}.export-do-btn{margin:0 18px 18px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-dark);color:var(--text-on-dark);border-radius:10px;height:38px;font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;transition:background .1s}.export-do-btn:hover{background:var(--bg-dark-hover)}#properties::-webkit-scrollbar{width:4px}#properties::-webkit-scrollbar-track{background:transparent}#properties::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.topbar-sep{width:1px;height:20px;background:var(--line);flex-shrink:0}.bg-swatch{width:14px;height:14px;border-radius:4px;border:1px solid var(--border-strong);flex-shrink:0}.btn-bg{gap:6px;font-size:12px}#sketch-name[contenteditable=true]{background:var(--surface2);border-radius:5px;padding:2px 6px;outline:1px solid var(--accent);color:var(--text-primary);min-width:80px}.unit-field{display:flex;align-items:center;gap:6px}.unit-label{font-size:12px;color:var(--muted);flex-shrink:0}.unit-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--surface2);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text-primary);font-size:12px;font-weight:500;font-family:inherit;height:32px;padding:0 26px 0 10px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23A2987F' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.unit-select:hover{background-color:var(--bg-hover)}.unit-select option{background:var(--surface);color:var(--text-primary)}.dim-edit-body{padding:6px 12px 10px;display:flex;flex-direction:column;gap:6px}.dim-edit-row{display:flex;align-items:center;gap:8px}.dim-edit-label{font-size:11px;color:var(--text-secondary);width:38px;flex-shrink:0}.dim-edit-input{flex:1;padding:4px 6px;font-size:12px;font-family:var(--font);background:var(--bg-canvas);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;min-width:0}.dim-edit-input:focus{border-color:var(--accent)}.dim-edit-hint{font-size:11px;color:var(--text-tertiary);font-style:italic}.dim-edit-actions{display:flex;gap:6px;justify-content:flex-end;padding-top:2px}.dim-edit-actions .btn-ghost{color:var(--text-secondary);padding:4px 10px;font-size:12px}.dim-edit-actions .btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.dim-edit-actions .btn-primary{padding:4px 10px;font-size:12px}#variables-panel .panel-header{gap:6px}#var-count{margin-left:auto}.var-add-btn{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--surface2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:15px;line-height:1;cursor:pointer;padding:0}.var-add-btn:hover{border-color:var(--accent);color:var(--accent)}.var-empty{padding:8px 12px 12px;font-size:11px;color:var(--text-tertiary);line-height:1.5}.var-row{display:flex;align-items:center;gap:4px;padding:3px 12px}.var-row:hover{background:var(--bg-hover)}.var-name-input{flex:1;padding:3px 5px;font-size:11px;font-family:var(--font-mono);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-primary);min-width:0}.var-name-input:hover{border-color:var(--border);background:var(--bg-canvas)}.var-name-input:focus{border-color:var(--accent);background:var(--bg-canvas);outline:none}.var-eq{font-size:11px;color:var(--text-tertiary);flex-shrink:0;padding:0 2px}.var-value-input{width:52px;padding:3px 5px;font-size:11px;font-family:var(--font-mono);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-primary);text-align:right}.var-value-input:hover{border-color:var(--border);background:var(--bg-canvas)}.var-value-input:focus{border-color:var(--accent);background:var(--bg-canvas);outline:none}.var-delete{font-size:14px;padding:0 4px;color:var(--text-tertiary);line-height:1;flex-shrink:0;background:none}.var-delete:hover{color:var(--accent-orange);background:none}#entity-tree{width:248px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);overflow:hidden}.et-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.et-header svg{color:var(--muted);cursor:pointer}.et-list{flex:1;overflow-y:auto;padding:0 8px;display:flex;flex-direction:column;gap:1px}.et-empty{padding:14px 10px;font-size:12.5px;line-height:1.6;color:var(--muted)}.et-row{display:flex;align-items:center;gap:9px;height:30px;padding:0 10px;border-radius:var(--radius-md);cursor:default;color:var(--text-primary);-webkit-user-select:none;user-select:none}.et-row:hover{background:#2b27220d}.et-row.selected{background:var(--accent-wash, rgba(47,107,255,.1));color:var(--accent)}.et-icon{width:16px;height:16px;flex-shrink:0;opacity:.9}.et-name{font-size:13px;font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.et-row.selected .et-name{font-weight:600}.et-name.labeled{font-style:italic}.et-name-input{flex:1;min-width:0;font-size:13px;font-weight:500;font-family:inherit;padding:1px 4px;margin:-2px 0;color:var(--text-primary);background:var(--bg-canvas);border:1px solid var(--accent);border-radius:var(--radius-sm);outline:none}.et-swatch{width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.12);flex-shrink:0}.et-group{display:flex;align-items:center;gap:9px;height:30px;padding:0 10px;margin-top:10px;color:var(--construction, #8B93A6)}.et-group-name{font-size:12.5px;font-weight:600;flex:1}.et-wontexport{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 6px;border-radius:5px;background:#8b93a629;color:#8b93a6;font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:none}