@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--panel:#161920;--panel-2:#1e222b;--ink:#e2e8f0;--muted:#94a3b8;--muted-soft:#64748b;--line:#2e3440;--line-dark:#434c5e;--accent:#20808c;--accent-light:#2da4b3;--accent-dim:#20808c26;--accent-2:#cc7a22;--danger:#ef4444;--ok:#10b981;--road:#f59e0b;--shadow:0 16px 36px #0006;--fz-caption:11px;--fz-base:12px;--fz-emph:14px;--fz-title:16px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--canvas-bg:#0b0d11;--canvas-inner-bg:var(--canvas-bg);--map-frame-bg:#232936;--map-frame-stroke:#434c5e;--map-grid-stroke:#ffffff1f;--zone-circle-stroke:#0f1115;--zone-dot-spawn:#fef08a;--zone-dot-neutral:#cbd5e1;--zone-dot-other:#bbf7d0;--on-accent:#fff;--edge-line-stroke:var(--muted);--edge-direct:#57c97b;--edge-portal:#b08cff;--edge-arena:#ff7a70;--guard-label-fill:#38bdf8;--guard-label-stroke:#1b1e25;--brand-mark-bg:var(--accent);--brand-mark-color:#fff;--brand-mark-shadow:0 0 15px #20808c66;--json-bg:#0b0c10;font-family:Inter,Segoe UI,Arial,sans-serif}body.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e8e3d5;--panel:#f4efe4;--panel-2:#ebe5d7;--ink:#24211d;--muted:#716b60;--muted-soft:#8a8377;--line:#c8c0ad;--line-dark:#3e392f;--accent:#1f7a8c;--accent-light:#2da4b3;--accent-dim:#1f7a8c26;--accent-2:#cc7a22;--danger:#b83c32;--ok:#237447;--road:#ecd88e;--shadow:0 12px 30px #2620141f;--canvas-bg:#e4dfd1;--canvas-inner-bg:var(--canvas-bg);--map-frame-bg:#fff;--map-frame-stroke:#2d2922;--map-grid-stroke:#2d292240;--zone-circle-stroke:#25221d;--edge-line-stroke:var(--zone-circle-stroke);--edge-direct:#1e8e3e;--edge-portal:#7c4fd0;--edge-arena:#c2392f;--guard-label-fill:#159bd4;--guard-label-stroke:#fffdf7;--brand-mark-bg:#2f2a22;--brand-mark-color:#f2d680;--brand-mark-shadow:none;--json-bg:#fffef9}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);min-height:100vh;color:var(--ink);overscroll-behavior:none;margin:0;overflow:hidden}html{overscroll-behavior:none;overflow:hidden}button,input,select,textarea{font:inherit;font-size:12px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);background-clip:padding-box;border:2.5px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--muted-soft);background-clip:padding-box;border:2.5px solid #0000}button{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-weight:500;transition:all .15s;display:inline-flex}button:hover{border-color:var(--accent);background:var(--line)}button:active{transform:scale(.97)}button:disabled{cursor:not-allowed;opacity:.4;border-color:var(--line);background:var(--panel-2);transform:none}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:var(--accent-light);border-color:var(--accent-light)}button.active{border-color:var(--accent);color:var(--accent-light);background:#20808c26}input:where(:not([type=checkbox]):not([type=radio])),select,textarea{border:1px solid var(--line);background:var(--json-bg);width:100%;color:var(--ink);border-radius:8px;padding:8px 10px;transition:all .15s}input:where(:not([type=checkbox]):not([type=radio])):focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #20808c40}textarea{resize:none}.description-input{resize:vertical;min-height:68px;line-height:1.35}.app-shell{grid-template-rows:auto 1fr;height:100vh;display:grid;overflow:hidden}.topbar{background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:10px 20px;display:flex}.brand{align-items:center;gap:12px;min-width:270px;display:flex}.brand-mark{background:var(--brand-mark-bg);width:42px;height:42px;color:var(--brand-mark-color);box-shadow:var(--brand-mark-shadow);border-radius:8px;place-items:center;font-family:Outfit,sans-serif;font-size:20px;font-weight:800;display:grid}.brand h1{margin:0;font-family:Outfit,sans-serif;font-size:18px;font-weight:700;line-height:1.15}.brand p{color:var(--muted);margin:3px 0 0;font-size:11px;font-weight:500}.toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.toolbar>button,.toolbar>a.icon-button{min-height:38px}.toolbar>a.icon-button{box-sizing:border-box;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.toolbar>a.icon-button:hover{border-color:var(--accent);background:var(--line)}.toolbar .icon-button{padding:8px 9px}.workspace{grid-template-columns:minmax(280px,.85fr) minmax(460px,2.7fr) minmax(360px,1.2fr);gap:12px;height:100%;min-height:0;padding:12px;display:grid;overflow:hidden}@media (width>=1920px){.workspace{grid-template-columns:400px minmax(460px,1fr) 480px}}.panel{overflow-anchor:none;background:var(--panel);border:1px solid var(--line);min-height:0;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;display:flex;overflow:auto}.left-panel,.right-panel{align-self:start;max-height:100%}.collapsible-section{border-bottom:1px solid var(--line);flex-direction:column;transition:background-color .15s;display:flex}.collapsible-section:last-child{border-bottom:0}.collapsible-header{z-index:20;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--panel);border-bottom:1px solid var(--line);box-sizing:border-box;justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;transition:background .15s;display:flex;position:sticky;top:0}.collapsible-header:hover{background:var(--panel-2)}.collapsible-header h2{text-transform:uppercase;letter-spacing:.05em;color:var(--ink);align-items:center;margin:0;font-family:Inter,sans-serif;font-size:12px;font-weight:700;display:flex}.collapsible-header-actions{align-items:center;gap:8px;display:flex}.collapsible-body{padding:12px 16px 16px}.collapse-icon{color:var(--muted);transition:color .15s}.collapsible-header:hover .collapse-icon{color:var(--ink)}.collapsible-subsection{margin-bottom:var(--space-2)}.collapsible-subsection-header{z-index:10;box-sizing:border-box;background:var(--panel-2);border:0;border-bottom:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;width:calc(100% + 32px);font:inherit;color:inherit;justify-content:space-between;align-items:center;margin:0 -16px;padding:8px 16px;scroll-margin-top:48px;transition:background .15s;display:flex;position:sticky;top:48px}.collapsible-subsection-header:hover{background:color-mix(in srgb, var(--panel-2), var(--ink) 8%)}.collapsible-subsection-title{text-transform:uppercase;letter-spacing:.05em;color:var(--ink);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.collapsible-subsection-header-actions{align-items:center;gap:8px;display:flex}.collapsible-subsection-header:hover .collapsible-subsection-title,.collapsible-subsection-header:hover .collapse-icon{color:var(--ink)}.collapsible-subsection-body{flex-direction:column;gap:10px;margin:10px 0 16px;display:flex}.collapsible-subsection-body.boxed{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-2);margin:var(--space-1) 0 var(--space-3)}.ui-indent>.collapsible-subsection:last-child,.ui-indent>.collapsible-subsection:last-child .collapsible-subsection-body{margin-bottom:0}.compact-button{padding:6px 9px;font-size:12px}label{color:var(--ink);gap:6px;margin-bottom:12px;font-size:12px;font-weight:600;display:grid}label input,label select,label textarea{margin-top:2px;font-weight:400}.field-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.toggle-line{color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:8px 0;display:flex}.toggle-line input{width:auto;margin:0}.field-note{color:var(--muted-soft);margin:-4px 0 12px;font-size:11px;font-weight:400;line-height:1.4}.control-label{color:var(--ink);margin-bottom:6px;font-size:12px;font-weight:600}.ui-field{gap:var(--space-1);margin-bottom:var(--space-3);font-size:var(--fz-base);color:var(--ink);font-weight:600;display:grid}.ui-field-label{display:inline}.ui-field-hint{font-size:var(--fz-caption);color:var(--muted-soft);margin:0;font-weight:400;line-height:1.4}.ui-field-hint--row,.ui-field-hint--toggle{margin:calc(-1 * var(--space-1)) 0 var(--space-3)}.ui-field-row{gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.ui-field-row .ui-field{gap:var(--space-1);flex-direction:column;margin-bottom:0;display:flex}.ui-field-row .ui-field>:not(.ui-field-label){margin-top:auto}.elevation-variant-row{gap:var(--space-1) var(--space-2);font-size:var(--fz-base);color:var(--ink);grid-template-columns:1fr 1fr 1fr auto;align-items:center;font-weight:600;display:grid}.elevation-variant-row input{width:100%}.ui-indent{border-left:2px solid var(--accent);padding-left:var(--space-2);margin:var(--space-1) 0 var(--space-2)}.ui-group-label{margin:var(--space-2) 0 var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--line);font-size:var(--fz-caption);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-soft);font-weight:700}.ui-toggle{align-items:center;gap:var(--space-2);margin:var(--space-1) 0;color:var(--ink);font-size:var(--fz-base);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:400;display:flex}.ui-toggle input{width:auto;margin:0}.ui-toggle--disabled,.ui-toggle--disabled input{opacity:.5;cursor:not-allowed}.ui-list-row{justify-content:space-between;align-items:center;gap:var(--space-2);padding:5px var(--space-2);border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--line);display:flex}.ui-list-row--active{background:var(--accent-dim);border-color:var(--accent)}.ui-list-row--clickable{cursor:pointer;transition:background .15s,border-color .15s}.ui-list-row-main{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.ui-list-row-text{flex-direction:column;gap:1px;min-width:0;display:flex}.ui-list-row-title{font-size:var(--fz-base);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.ui-list-row-sub{font-size:var(--fz-caption);color:var(--muted-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-list-row-trail{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.ui-toggle-text{min-width:0}.ui-tip{vertical-align:middle;margin-left:var(--space-1);color:var(--muted-soft);cursor:help;display:inline-flex}.ui-tip:hover{color:var(--accent-light)}.ui-badge{align-items:center;gap:var(--space-1);font-size:var(--fz-caption);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:2px 9px;font-weight:600;line-height:1.5;display:inline-flex}.ui-badge--neutral{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);text-transform:none;letter-spacing:0;font-weight:500}.ui-badge--accent{background:var(--accent-dim);color:var(--accent-light)}.ui-badge--ok{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok)}.ui-badge--warning{background:color-mix(in srgb, var(--accent-2) 18%, transparent);color:var(--accent-2)}.ui-badge--danger{background:color-mix(in srgb, var(--danger) 16%, transparent);color:var(--danger)}.ui-card{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-md);transition:border-color .15s;overflow:hidden}.ui-card+.ui-card{margin-top:var(--space-2)}.ui-card:hover{border-color:var(--line-dark)}.ui-card-head{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.ui-card-chev{color:var(--muted);flex:none;display:inline-flex}.ui-card-title{min-width:0;font-size:var(--fz-base);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-weight:600;overflow:hidden}.ui-card-meta{align-items:center;gap:var(--space-1);font-size:var(--fz-caption);color:var(--muted);flex:none;display:flex}.ui-card-actions{align-items:center;gap:var(--space-1);display:flex}.ui-card-body{gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--line);background:var(--panel);display:grid}.segmented-control{border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 1fr;margin-bottom:12px;display:grid;overflow:hidden}.inspector-subsection summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;list-style:none;transition:background .15s;display:flex}.inspector-subsection summary::-webkit-details-marker{display:none}.inspector-subsection summary:hover{background:var(--accent-dim)}.inspector-subsection summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);flex-shrink:0;width:7px;height:7px;transition:transform .15s;transform:rotate(-45deg)}.inspector-subsection[open] summary:after{transform:rotate(45deg)}input.weight-field{text-align:center;appearance:textfield;padding:6px 2px;font-size:12px}input.weight-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input.weight-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.segmented-control.three{grid-template-columns:repeat(3,1fr)}.segmented-control.three span{min-height:30px;padding:7px 4px;font-size:11px}.segmented-control label{color:var(--ink);cursor:pointer;margin:0;display:block;position:relative}.segmented-control label+label{border-left:1px solid var(--line)}.segmented-control input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.segmented-control span{background:var(--panel);text-align:center;place-items:center;min-height:34px;padding:7px 9px;font-size:12px;transition:all .15s;display:grid}.segmented-control input:checked+span{color:var(--accent-light);box-shadow:inset 0 0 0 1px var(--accent);background:#20808c26}.swatch{border:1px solid #0006;border-radius:50%;flex:none;width:14px;height:14px}.library-filter{margin-bottom:8px}.core-status{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:8px;margin-bottom:8px;padding:8px 10px;font-size:11px;line-height:1.35}.core-status.warning{color:#d4a62a;overflow-wrap:anywhere;background:#d4a62a14;border-color:#d4a62a66}.object-library{flex:1;align-content:start;gap:6px;padding-right:2px;display:grid;overflow:hidden auto}.object-row{background:var(--panel-2);border:1px solid #0000;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;padding:8px;transition:border-color .15s;display:grid}.object-row:hover{border-color:var(--line-dark)}.object-row-details{min-width:0}.object-row strong{color:var(--ink);overflow-wrap:anywhere;font-size:12px;display:block}.object-row span,.object-row-desc{color:var(--muted);overflow-wrap:anywhere;margin-top:2px;font-size:11px;line-height:1.25;display:block}.sid-badge{background:var(--panel);color:var(--muted-soft);vertical-align:middle;border-radius:4px;margin-right:6px;padding:1px 4px;font-family:monospace;font-size:10px;display:inline-block}.preset-modified-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.list-contents{border-top:1px solid var(--line);margin-top:8px;padding-top:6px}.list-contents>summary{color:var(--accent-light);cursor:pointer;font-size:11px;font-weight:700;line-height:1.3}.list-contents-body{gap:5px;margin-top:6px;display:grid}.list-content-entry{border:1px solid var(--line);background:var(--panel);border-radius:6px;overflow:hidden}.list-content-entry>summary{cursor:pointer;gap:2px;padding:6px 8px;display:grid}.list-entry-name{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:11px;font-weight:700;line-height:1.3;display:block}.list-entry-meta{color:var(--muted);margin:0;font-size:10px;line-height:1.3;display:block}.list-entry-description{gap:4px;padding:0 8px 8px;display:grid}.list-entry-description p,.list-entry-description code{color:var(--muted-soft);overflow-wrap:anywhere;white-space:normal;background:var(--panel-2);border-radius:4px;padding:2px 4px;font-size:10px}.canvas-shell{background:var(--panel);border:1px solid var(--line);height:100%;min-height:0;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.hint{color:var(--muted);text-align:right;font-size:12px;line-height:1.35}#mapCanvas{background:var(--canvas-bg);cursor:default;-webkit-user-select:none;user-select:none;touch-action:none;display:block}.canvas-bg{fill:var(--canvas-inner-bg)}.map-frame{fill:var(--map-frame-bg);stroke:none}.map-grid{fill:url(#gridPattern);opacity:1}.edge-hit{stroke:#ffffff03;pointer-events:stroke;cursor:pointer;vector-effect:non-scaling-stroke}.edge-line{stroke:var(--edge-line-stroke);stroke-width:2.5px;stroke-linecap:round;pointer-events:none;vector-effect:non-scaling-stroke;transition:stroke .15s,stroke-width .15s}.edge-line.type-direct{stroke:var(--edge-direct)}.edge-line.type-portal{stroke:var(--edge-portal)}.edge-line.type-arena{stroke:var(--edge-arena)}.edge-line.selected{stroke:var(--accent-light);stroke-width:4.25px}.edge-line.proximity{stroke:var(--accent-2);stroke-dasharray:6 6;opacity:.85}.edge-line.proximity.selected{stroke:#ff9d3b;stroke-dasharray:6 4;stroke-width:4.25px}.guard-label{fill:var(--guard-label-fill);stroke:var(--guard-label-stroke);stroke-width:6px;paint-order:stroke;text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-family:Outfit,sans-serif;font-size:28px;font-weight:800}.zone-hit{fill:#0000;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.zone-hit:active{cursor:grabbing}.zone-circle{stroke:var(--zone-circle-stroke);transition:stroke .15s,stroke-width .15s}.zone-circle.selected{stroke:var(--accent-light)}.zone-label{fill:#0f1115;text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-family:Outfit,sans-serif;font-weight:800}.inspector-empty{color:var(--muted);text-align:center;padding:40px 10px;font-size:13px;line-height:1.45}.object-list{gap:6px;margin-top:8px;display:grid}.object-chip{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;font-size:12px;transition:border-color .15s;overflow:hidden}.object-chip:hover{border-color:var(--line-dark)}.object-chip>summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 12px;list-style:none;display:grid}.object-chip>summary::-webkit-details-marker{display:none}.object-chip>summary:before{content:"→";color:var(--muted);transform-origin:50%;font-weight:700;transition:transform .15s}.object-chip[open]>summary:before{transform:rotate(90deg)}.object-chip-name{overflow-wrap:anywhere;font-weight:600}.object-chip-meta{color:var(--muted);white-space:nowrap;font-size:11px}.object-settings{border-top:1px solid var(--line);background:var(--panel);padding:12px}.object-settings>.list-contents{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;margin:0 0 12px;padding:8px}.object-settings .list-content-entry{background:var(--panel)}.object-description{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;gap:4px;margin-bottom:12px;padding:10px;line-height:1.35;display:grid}.object-description p{color:var(--ink);margin:0;font-size:11px}.object-description span{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.object-field-help{margin-top:-3px;margin-bottom:8px}.disabled-control{color:var(--muted-soft)}.object-settings label:last-of-type{margin-bottom:8px}.object-remove-button{width:100%}.small-button{padding:6px 10px;font-size:12px}.validation-list{gap:6px;display:grid}.validation-core-loader{color:#e4b22e;background:#d4a62a14;border:1px solid #d4a62a66;border-radius:8px;gap:6px;padding:12px;font-size:12px;line-height:1.35;display:grid}.validation-core-loader strong{color:#f1c54e;font-size:12px}.validation-core-loader button{color:#fff;background:#d4a62a26;border-color:#d4a62a80;justify-self:start;margin-top:4px;font-weight:600}.validation-core-loader button:hover{background:#d4a62a40}.validation-item{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:12px;line-height:1.35}.validation-item.ok{color:var(--ok);background:#10b9810f;border-color:#10b9814d}.validation-item.warn{color:#ff9d3b;background:#cc7a220f;border-color:#cc7a224d}.validation-item.error{color:var(--danger);background:#ef44440f;border-color:#ef44444d}.json-section{flex-direction:column;flex:1;display:flex}#jsonPreview{background:var(--json-bg);border-color:var(--line);flex:1;min-height:200px;font-family:Consolas,Courier New,monospace;font-size:11px;line-height:1.35}.panel-toggle{z-index:70;border:1px solid var(--line);background:var(--panel);width:36px;height:36px;color:var(--ink);box-shadow:var(--shadow);border-radius:10px;justify-content:center;align-items:center;padding:0;display:none;position:absolute;top:24px}.panel-toggle-left{left:20px}.panel-toggle-right{right:20px}.panel-overlay-backdrop{z-index:55;background:#0a080573;display:none;position:absolute;inset:0}@media (width<=1279px){.workspace{--drawer-w:min(440px, calc(100% - 96px));display:block;position:relative}.canvas-shell{height:100%}.left-panel,.right-panel{display:none}.workspace.show-left .left-panel,.workspace.show-right .right-panel{width:var(--drawer-w);z-index:60;align-self:auto;max-height:none;display:flex;position:absolute;top:12px;bottom:12px;box-shadow:0 16px 48px #0a080580}.workspace.show-left .left-panel{left:12px}.workspace.show-right .right-panel{right:12px}.panel-toggle{display:flex}.workspace.show-left .panel-toggle-left{left:calc(var(--drawer-w) + 24px)}.workspace.show-right .panel-toggle-right{right:calc(var(--drawer-w) + 24px)}.canvas-widget-group.memo-widget{top:68px}.panel-overlay-backdrop{display:block}}@media (width<=820px){.topbar{flex-direction:column;align-items:flex-start;height:auto;padding:12px 16px;position:relative}.brand{width:100%;min-width:0}.brand h1{font-size:16px}.toolbar{justify-content:flex-start;gap:6px;width:100%}.hint{text-align:left}}.ui-mode-toggle{border:1px solid var(--line);border-radius:8px;flex-shrink:0;align-items:stretch;min-height:38px;display:inline-flex;overflow:hidden}.ui-mode-toggle button{box-shadow:none;background:var(--panel-2);color:var(--muted);border:none;border-radius:0;padding:7px 10px;font-size:12px}.ui-mode-toggle button+button{border-left:1px solid var(--line)}.ui-mode-toggle button.active{background:var(--accent);color:#fff}.value-badge{text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;background:var(--panel-2);border:1px solid var(--line);white-space:nowrap;border-radius:8px;margin-left:6px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-block}.value-badge-low{color:var(--muted)}.value-badge-mid{color:var(--accent)}.value-badge-high{color:var(--accent-2)}.value-badge-top{color:var(--danger)}.toast-container{z-index:9999;pointer-events:none;gap:8px;width:calc(100% - 48px);max-width:320px;display:grid;position:fixed;bottom:24px;right:24px}.toast-item{pointer-events:auto;background:var(--panel-2);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 16px;font-size:12px;line-height:1.4;transition:opacity .15s,transform .15s;animation:.2s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:grid;box-shadow:0 10px 25px -5px #00000040,0 8px 10px -6px #00000040}.toast-item:hover{opacity:.95;transform:translateY(-1px)}.toast-item.success{border-color:var(--ok);background:var(--panel-2);color:var(--ok)}.toast-item.info{border-color:var(--accent-light);background:var(--panel-2);color:var(--accent-light)}.toast-item.warn{border-color:var(--accent-2);background:var(--panel-2);color:#ff9d3b}body.light .toast-item.warn{color:var(--accent-2)}.toast-item.error{border-color:var(--danger);background:var(--panel-2);color:var(--danger)}.toast-close{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:16px;line-height:1;display:flex}.toast-close:hover{color:var(--ink);background:#ffffff1a}body.light .toast-close:hover{background:#0000000d}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.search-box,.library-filter{margin-bottom:8px;position:relative}.search-box input,.library-filter input{height:32px;padding:6px 10px 6px 30px;font-size:12px!important}.search-box input::placeholder,.library-filter input::placeholder{font-size:12px!important}.search-box input::-webkit-input-placeholder{font-size:12px!important}.library-filter input::-webkit-input-placeholder{font-size:12px!important}.search-box input::-moz-placeholder{font-size:12px!important}.library-filter input::-moz-placeholder{font-size:12px!important}.search-box input:-ms-placeholder-shown{font-size:12px!important}.library-filter input:-ms-placeholder-shown{font-size:12px!important}.search-box .search-icon,.library-filter .search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.custom-list-row{background:var(--panel-2);cursor:pointer;border:1px solid #0000;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px;padding:8px;transition:all .15s;display:grid}.custom-list-row:hover{border-color:var(--line-dark)}.custom-list-row.active{background:var(--accent-dim);border-color:var(--accent)}.custom-list-row .object-row-details{flex:1;min-width:0}.custom-list-row .object-row-details strong,.custom-list-row .object-row-desc{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.custom-list-row .object-row-actions{align-self:start;gap:4px;display:flex}.ruler-line,.ruler-tick{stroke:var(--line-dark);stroke-width:1.5px}.ruler-label{fill:var(--ink);text-anchor:middle;dominant-baseline:middle;font-family:Outfit,sans-serif;font-size:14px;font-weight:700}.ruler-grid-line{stroke:var(--map-grid-stroke);stroke-width:1px;stroke-dasharray:2 4}.guard-badge-bg{fill:#1a1e27;stroke:var(--guard-label-fill);stroke-width:1.5px;filter:drop-shadow(0 2px 4px #00000059);transition:fill .15s,stroke .15s}body.light .guard-badge-bg{fill:#fffdf7}.guard-label{text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-family:Outfit,sans-serif;font-size:12px;font-weight:800}.guard-badge-group.count .guard-badge-bg{fill:var(--guard-label-fill);stroke:var(--guard-label-fill)}.guard-badge-group.count .guard-label{fill:#fff;stroke:none}.canvas-container-wrapper{background:var(--canvas-bg);flex:auto;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.canvas-container-wrapper>svg{flex-shrink:0;margin:auto;display:block}.canvas-widget-group{-webkit-backdrop-filter:none;box-shadow:none;z-index:10;background:0 0;border:none;border-radius:0;flex-direction:column;gap:8px;padding:0;transition:all .15s;display:flex;position:absolute}body.light .canvas-widget-group{box-shadow:none;background:0 0}.memo-widget{top:16px}.canvas-widget-group button{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:#1e222be6;border-radius:8px;place-items:center;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);display:grid;box-shadow:0 4px 10px #0000004d}body.light .canvas-widget-group button{border-color:var(--line);background:#fff;box-shadow:0 4px 10px #00000014}.canvas-widget-group button:hover{background:var(--panel-2);color:var(--accent-light);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 14px #00000059}body.light .canvas-widget-group button:hover{background:var(--panel-2);color:var(--accent);border-color:var(--accent);box-shadow:0 6px 14px #0000001f}.canvas-widget-group button.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-light);box-shadow:0 0 0 2px var(--accent-light)}body.light .canvas-widget-group button.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.canvas-widget-group button:disabled{opacity:.4;cursor:not-allowed;border-color:var(--line);color:var(--muted);box-shadow:none;background:#1e222b80;transform:none}body.light .canvas-widget-group button:disabled{opacity:.4;border-color:var(--line);color:var(--muted-soft);box-shadow:none;background:#fff;transform:none}.canvas-widget-group button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.canvas-widget-group button.primary:hover{background:var(--accent-light);border-color:var(--accent-light);color:#fff}body.light .canvas-widget-group button.primary{background:var(--accent);border-color:var(--accent);color:#fff}body.light .canvas-widget-group button.primary:hover{background:var(--accent-light);border-color:var(--accent-light);color:#fff}.canvas-widget-group button.danger{color:var(--danger);border-color:var(--line)}.canvas-widget-group button.danger:hover,body.light .canvas-widget-group button.danger:hover,.canvas-widget-group button.danger-button{background:var(--danger);border-color:var(--danger);color:#fff}.canvas-widget-group button.danger-button:hover{color:#fff;background:#ff5252;border-color:#ff5252}body.light .canvas-widget-group button.danger-button{background:var(--danger);border-color:var(--danger);color:#fff}body.light .canvas-widget-group button.danger-button:hover{color:#fff;background:#ff5252;border-color:#ff5252}.canvas-widget-group button.warning-button{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.canvas-widget-group button.warning-button:hover{color:#fff;background:#e08b34;border-color:#e08b34}body.light .canvas-widget-group button.warning-button{background:var(--accent-2);border-color:var(--accent-2);color:#fff}body.light .canvas-widget-group button.warning-button:hover{color:#fff;background:#e08b34;border-color:#e08b34}.canvas-widget-group.left-center{top:50%;left:16px;transform:translateY(-50%)}.canvas-widget-group.right-center{top:50%;right:16px;transform:translateY(-50%)}.canvas-widget-group.left-bottom{bottom:16px;left:16px}.canvas-widget-group.right-bottom{bottom:16px;right:16px}.canvas-floating-hint{-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);color:var(--muted);letter-spacing:.3px;z-index:10;pointer-events:none;background:#161920d9;border-radius:20px;padding:6px 16px;font-size:11px;font-weight:600;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #0006}body.light .canvas-floating-hint{color:var(--ink);background:#fbfaf5e6}.zone-label{fill:#1e293b;stroke:#fff;stroke-width:3px;paint-order:stroke;font-weight:700}body.light .zone-label{fill:#0f1115;stroke:#fff;stroke-width:3px}
