:root{--text:#1e293b;--bg:#f8fafc;--panel-bg:#fff;--border:#e2e8f0;--accent:#2563eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:14px/1.4 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button{font:inherit;color:inherit}input,select{font:inherit}.app{flex-direction:column;height:100%;display:flex}.app-header{border-bottom:1px solid var(--border);padding:6px 12px}.app-header h1{margin:0;font-size:16px}.toolbar{border-bottom:1px solid var(--border);background:var(--panel-bg);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;display:flex;position:relative}.toolbar-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.toolbar button{border:1px solid var(--border);background:var(--panel-bg);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 10px}.toolbar button:hover:not(:disabled){border-color:var(--accent)}.toolbar button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.toolbar button:disabled{opacity:.5;cursor:not-allowed}.toolbar button.icon-button{justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.dropdown{position:relative}.toolbar button.dropdown-trigger{gap:2px;width:auto;padding:0 6px 0 8px}.dropdown-menu{z-index:30;border:1px solid var(--border);background:var(--panel-bg);border-radius:8px;min-width:220px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 10px 28px #0f172a29}.dropdown-menu.align-right{left:auto;right:0}.toolbar .dropdown-menu .dropdown-item{text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:7px 10px;display:flex}.toolbar .dropdown-menu .dropdown-item:hover,.toolbar .dropdown-menu .dropdown-item:focus-visible{background:color-mix(in srgb, var(--accent) 12%, transparent);outline:none}.dropdown-item-text{flex-direction:column;line-height:1.25;display:flex}.dropdown-item-hint{opacity:.6;font-size:11px}.dropdown-separator{background:var(--border);height:1px;margin:4px 6px}.toolbar button.icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toolbar-group+.toolbar-group{border-left:1px solid var(--border);padding-left:12px}.toolbar-error{color:#dc2626;font-size:12px}.app-main{flex:1;min-height:0;display:flex}.canvas-container{background:var(--bg);touch-action:none;flex:1;min-width:0;position:relative;overflow:hidden}.grid-legend{z-index:5;border:1px solid var(--border);background:var(--panel-bg);cursor:default;touch-action:auto;border-radius:8px;max-width:calc(100% - 80px);padding:8px 10px;font-size:12px;position:absolute;bottom:12px;left:12px;box-shadow:0 4px 12px #0f172a14}.grid-legend-toggle{font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;min-height:28px;padding:0;font-size:12px;font-weight:600;display:none}.properties-panel .hint-short{display:none}.zoom-controls{z-index:5;border:1px solid var(--border);background:var(--panel-bg);touch-action:manipulation;border-radius:8px;flex-direction:column;display:flex;position:absolute;bottom:12px;right:12px;overflow:hidden;box-shadow:0 4px 12px #0f172a14}.zoom-controls button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:inline-flex}.zoom-controls button+button{border-top:1px solid var(--border)}.zoom-controls button:hover:not(:disabled){color:var(--accent)}.zoom-controls button:disabled{opacity:.4;cursor:not-allowed}.zoom-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.grid-legend dl{gap:4px;margin:0;display:grid}.grid-legend dl>div{align-items:center;gap:8px;display:flex}.grid-legend dt{opacity:.75;align-items:center;gap:4px;min-width:48px;display:flex}.grid-legend dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.grid-legend-select,.grid-legend-custom input{border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;border-radius:4px;padding:2px 4px;font-weight:600}.grid-legend-custom input{width:80px}.grid-legend-key{border-radius:2px;width:10px;height:10px;display:inline-block}.grid-legend-key.major{border:1.5px solid #78716c}.grid-legend-key.minor{background:#2563eb40;border:1px solid #2563eb}.grid-legend-note{opacity:.6;font-weight:400}.grid-legend-error{color:#dc2626;max-width:200px;margin-top:6px}.properties-dock{border-left:1px solid var(--border);background:var(--panel-bg);flex-direction:column;flex-shrink:0;min-height:0;display:flex}.properties-toggle{border:none;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.properties-toggle:hover{color:var(--accent)}.properties-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.properties-toggle svg{transform:rotate(-90deg)}.properties-dock.collapsed .properties-toggle{border-bottom:none;justify-content:center;width:32px;padding:10px 0}.properties-dock.collapsed .properties-toggle svg{transform:rotate(90deg)}.properties-dock.collapsed .properties-toggle-label{display:none}.properties-panel{flex:1;width:280px;min-height:0;padding:14px;overflow-y:auto}.properties-panel h3{margin-top:0}.properties-panel label{flex-direction:column;gap:4px;margin-bottom:10px;font-size:12px;display:flex}.properties-panel input,.properties-panel select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:4px;padding:6px 8px}.properties-panel label.checkbox-row{flex-direction:row;align-items:center;gap:6px;font-size:13px}.properties-panel label.checkbox-row input{accent-color:var(--accent);padding:0}.properties-panel .angle-input{align-items:center;gap:8px;display:flex}.properties-panel .angle-input input[type=range]{accent-color:var(--accent);flex:1;padding:0}.properties-panel .angle-input input[type=number]{width:64px}.properties-panel .field{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.properties-panel .field-label{font-size:12px}.color-picker{flex-wrap:wrap;gap:6px;display:flex}.color-swatch{border:1px solid var(--border);cursor:pointer;border-radius:50%;width:24px;height:24px;padding:0;position:relative}.color-swatch.active,.color-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.color-swatch.default{background:linear-gradient(135deg,#94a3b8 50%,#818cf8 50%)}.color-swatch.custom{background:conic-gradient(#ef4444,#f59e0b,#22c55e,#0ea5e9,#6366f1,#db2777,#ef4444);overflow:hidden}.color-swatch.custom input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.properties-panel .hint{opacity:.75;font-size:12px}button.danger{color:#dc2626;border-color:#dc2626!important}.modal-actions{gap:8px;margin-top:8px;display:flex}.modal-actions button{border:1px solid var(--border);background:var(--panel-bg);cursor:pointer;border-radius:6px;flex:1;padding:6px 10px}.modal-backdrop{z-index:20;background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel-bg);border-radius:10px;width:260px;padding:20px;box-shadow:0 20px 40px #0003}.modal h3{margin-top:0}.modal label{flex-direction:column;gap:4px;margin-bottom:12px;font-size:12px;display:flex}.modal input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:4px;padding:6px 8px}.modal.modal-wide{width:min(360px,100vw - 32px)}.modal-text{opacity:.85;margin:0 0 12px;font-size:13px}.modal button.danger-solid{color:#fff;background:#dc2626;border-color:#dc2626}.modal button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}@media (width<=700px){.app-main{flex-direction:column}.canvas-container{flex:1 1 0}.grid-legend{max-width:calc(100% - 136px);padding:4px 8px;bottom:8px;left:8px}.grid-legend-toggle{display:flex}.grid-legend.open .grid-legend-toggle{margin-bottom:6px}.grid-legend:not(.open) dl{display:none}.zoom-controls{flex-direction:row;bottom:8px;right:8px}.zoom-controls button{width:36px;height:36px}.zoom-controls button+button{border-top:none;border-left:1px solid var(--border)}.properties-panel.empty{padding:8px 12px}.properties-panel.empty .hint-long{display:none}.properties-panel.empty .hint-short{margin:0;display:block}.properties-dock{border-left:none;border-top:1px solid var(--border);max-height:35vh}.properties-panel{width:100%}.properties-toggle svg,.properties-dock.collapsed .properties-toggle svg{transform:none}.properties-dock.collapsed .properties-toggle svg{transform:rotate(180deg)}.properties-dock.collapsed .properties-toggle{justify-content:space-between;width:auto;padding:6px 12px}.properties-dock.collapsed .properties-toggle-label{display:inline}.toolbar{gap:8px}.toolbar-group{gap:4px}.toolbar button{padding:6px 8px;font-size:12px}.toolbar-group+.toolbar-group{padding-left:8px}}