:root{--bg-0: #070e1b;--bg-1: #0f1d33;--bg-2: #112744;--panel-bg: rgba(8, 16, 30, .9);--panel-border: rgba(146, 214, 255, .4);--panel-shadow: 0 18px 36px rgba(0, 0, 0, .35);--text-main: #e6f7ff;--text-muted: #95b9cc;--accent: #2ab8ff;--accent-strong: #0a7bb4;--danger: #ff8b7f;--button-bg: #16314f;--button-bg-hover: #1f4167;--button-bg-active: #26598d;--field-bg: rgba(16, 35, 58, .88)}html,body{margin:0;width:100%;height:100%;overflow:hidden;color:var(--text-main);font-family:Avenir Next,Gill Sans,Trebuchet MS,sans-serif;background:radial-gradient(circle at 20% 15%,var(--bg-2),var(--bg-1) 45%,var(--bg-0) 100%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(138,201,238,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(138,201,238,.07) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at 35% 20%,black,transparent 72%);mask-image:radial-gradient(circle at 35% 20%,black,transparent 72%)}canvas{display:block}.left-dock,.right-dock{position:fixed;top:14px;z-index:30;pointer-events:none}.left-dock{left:14px}.right-dock{right:14px}.tool-panel,.inspector-panel{pointer-events:auto;width:min(340px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;box-sizing:border-box;padding:14px;border-radius:12px;border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--panel-shadow);transition:transform .24s ease,opacity .24s ease}.tool-panel.panel-hidden{transform:translate(calc(-100% - 20px));opacity:0;pointer-events:none}.inspector-panel.panel-hidden{transform:translate(calc(100% + 20px));opacity:0;pointer-events:none}.panel-show-button{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(186,236,255,.72);border-radius:10px;padding:8px 12px;color:var(--text-main);background:#112e4beb;font:700 12px/1 Avenir Next,Gill Sans,Trebuchet MS,sans-serif;letter-spacing:.3px;cursor:pointer}.panel-show-left,.panel-show-right{position:fixed;top:14px;z-index:45}.panel-show-left{left:14px}.panel-show-right{right:14px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.header-stack{display:flex;flex-direction:column;gap:2px}.panel-title{margin:0;font:800 15px/1.2 Avenir Next,Gill Sans,Trebuchet MS,sans-serif;letter-spacing:.45px;text-transform:uppercase}.panel-subtitle{margin:0;color:var(--text-muted);font:600 11px/1.3 Avenir Next,Gill Sans,Trebuchet MS,sans-serif}.panel-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(191,232,255,.66);border-radius:8px;padding:6px 10px;color:var(--text-main);background:#0f2d49f0;font:700 11px/1 Avenir Next,Gill Sans,Trebuchet MS,sans-serif;cursor:pointer}.panel-section{display:flex;flex-direction:column;gap:8px;margin:8px 0 10px;padding:10px;border-radius:10px;border:1px solid rgba(131,199,237,.26);background:#0e2035b3}.tool-button,.field-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(180,229,255,.6);border-radius:9px;padding:9px 11px;margin-bottom:7px;width:100%;color:var(--text-main);background:var(--button-bg);font:700 12px/1.1 Avenir Next,Gill Sans,Trebuchet MS,sans-serif;letter-spacing:.18px;cursor:pointer;transition:background .16s ease}.tool-button:hover,.field-action:hover{background:var(--button-bg-hover)}.tool-button:disabled{opacity:.38;cursor:not-allowed}.tool-button.compact{margin-bottom:0}.tool-button.full-row{grid-column:1 / -1}.tool-button.active{background:var(--button-bg-active);border-color:#97e1ffe6}.button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 6px}.panel-help{margin:10px 2px 2px;color:var(--text-muted);font:600 11px/1.35 Avenir Next,Gill Sans,Trebuchet MS,sans-serif}.preview-container{margin-bottom:10px;border:1px solid rgba(134,204,243,.32);border-radius:10px;padding:8px;background:#0b1b2db8}.preview-label{margin:0 0 6px;color:var(--text-muted);font:700 11px/1 Avenir Next,Gill Sans,Trebuchet MS,sans-serif;letter-spacing:.4px;text-transform:uppercase}.preview-viewport{width:100%;height:180px;border-radius:8px;overflow:hidden;border:1px solid rgba(113,182,222,.28);background:radial-gradient(circle at 35% 24%,#142743,#0c1628 82%)}.inspector-fields{display:flex;flex-direction:column;gap:6px}.section-title{margin:0;color:#cef;font:700 11px/1.2 Avenir Next,Gill Sans,Trebuchet MS,sans-serif;letter-spacing:.35px;text-transform:uppercase}.section-hint{margin:2px 0 8px;color:var(--text-muted);font:600 11px/1.35 Avenir Next,Gill Sans,Trebuchet MS,sans-serif}.panel-section .button-row{margin:2px 0 6px}.panel-section-collapsible{padding:10px}.panel-section-collapsible>summary{list-style:none;margin:0;cursor:pointer;color:#cef;font:700 11px/1.2 Avenir Next,Gill Sans,Trebuchet MS,sans-serif;letter-spacing:.35px;text-transform:uppercase}.panel-section-collapsible>summary::-webkit-details-marker{display:none}.panel-section-collapsible>summary:before{content:">";display:inline-block;margin-right:6px;font-size:9px;transition:transform .16s ease}.panel-section-collapsible[open]>summary:before{transform:rotate(90deg)}.collapsible-content{display:flex;flex-direction:column;gap:8px;margin-top:6px}.field-row{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:8px}.field-label{color:#c2e2f1;font:600 12px/1.15 Avenir Next,Gill Sans,Trebuchet MS,sans-serif}.toggle-row input[type=checkbox]{justify-self:start;width:16px;height:16px;margin:0;accent-color:var(--accent)}.field-input{min-height:31px;border:1px solid rgba(167,219,247,.55);border-radius:7px;padding:5px 8px;color:#eaf8ff;background:var(--field-bg);font:700 12px/1 Avenir Next,Gill Sans,Trebuchet MS,sans-serif}.field-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2ab8ff33}.export-resolution-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px}.export-resolution-separator{color:#9ec8df;font:700 11px/1 Avenir Next,Gill Sans,Trebuchet MS,sans-serif}.export-region-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.export-region-status{grid-column:1 / -1;margin:0;color:var(--text-muted);font:600 11px/1.3 Avenir Next,Gill Sans,Trebuchet MS,sans-serif}.export-selection-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:26;pointer-events:none}.export-selection-overlay.active{pointer-events:auto;cursor:crosshair}.export-selection-overlay.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0812212e}.export-selection-box{position:fixed;border:2px solid rgba(255,226,153,.95);box-shadow:inset 0 0 0 1px #ffffffa6;background:#ffe29914;pointer-events:none;z-index:1}.export-selection-hint{position:fixed;left:50%;bottom:24px;transform:translate(-50%);margin:0;padding:8px 12px;border:1px solid rgba(171,226,255,.65);border-radius:9px;color:#d8f2ff;background:#081a2ced;font:700 11px/1.2 Avenir Next,Gill Sans,Trebuchet MS,sans-serif;letter-spacing:.2px;pointer-events:none;z-index:2}.load-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;align-items:center;justify-content:center;padding:18px;background:#060f1b8f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.load-modal-overlay.active{display:flex}.load-modal{width:min(440px,calc(100vw - 36px));border:1px solid rgba(173,228,255,.55);border-radius:12px;padding:14px;background:#0a182bf2;box-shadow:0 20px 42px #00000061}.load-modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.load-modal-title{margin:0;font:800 14px/1.1 Avenir Next,Gill Sans,Trebuchet MS,sans-serif;letter-spacing:.28px;text-transform:uppercase}.load-modal-close,.load-modal-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1px solid rgba(180,229,255,.6);border-radius:9px;min-height:34px;color:var(--text-main);background:var(--button-bg);font:700 12px/1 Avenir Next,Gill Sans,Trebuchet MS,sans-serif;letter-spacing:.15px;cursor:pointer}.load-modal-close{width:auto;min-width:74px;padding:6px 10px}.load-modal-close:hover,.load-modal-button:hover{background:var(--button-bg-hover)}.load-modal-button.subtle{background:#1a3450d9}.load-modal-view{display:flex;flex-direction:column;gap:8px}.load-modal-hint{margin:0;color:var(--text-muted);font:600 12px/1.35 Avenir Next,Gill Sans,Trebuchet MS,sans-serif}.load-modal-select{min-height:150px;padding:6px}.load-modal-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.color-input{padding:2px;min-width:48px}.range-row{grid-template-columns:112px minmax(0,1fr) auto}.range-input{padding:0}.range-value{color:#9ec8df;min-width:52px;text-align:right;font:700 11px/1 Avenir Next,Gill Sans,Trebuchet MS,sans-serif}.curve-status{margin:0 0 8px;color:#ffe08d;font:700 11px/1.25 Avenir Next,Gill Sans,Trebuchet MS,sans-serif}.inspector-action{margin-top:0;margin-bottom:10px;background:#185788}.inspector-action.create-action{background:var(--accent-strong)}.inspector-action:hover{background:#1d6ea8}.inspector-delete{margin-top:8px;margin-bottom:0;border-color:#ffa69cb3;background:#6c201beb}.inspector-delete:hover{background:#842822f2}.view-gizmo-status{margin:0 0 6px;color:#8fc7df;font:700 11px/1 Avenir Next,Gill Sans,Trebuchet MS,sans-serif}.view-gizmo-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:6px}.view-gizmo-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(173,228,255,.58);border-radius:8px;min-height:30px;color:var(--text-main);background:#13314ef0;font:700 11px/1 Avenir Next,Gill Sans,Trebuchet MS,sans-serif;letter-spacing:.24px;cursor:pointer;transition:background .16s ease}.view-gizmo-button:hover{background:#1f456bf2}.view-gizmo-button.active{border-color:#ffe299f2;background:#805920f2}.view-gizmo-button-accent{width:100%;margin-top:2px;background:#0d5f8beb}.view-gizmo-button-accent:hover{background:#1371a3f2}@media (max-width: 900px){.left-dock,.right-dock{top:10px}.left-dock{left:10px}.right-dock{right:10px}.panel-show-left,.panel-show-right{top:10px}.panel-show-left{left:10px}.panel-show-right{right:10px}.tool-panel,.inspector-panel{width:min(320px,calc(100vw - 20px));max-height:calc(100vh - 20px)}}@media (max-width: 700px){.tool-panel,.inspector-panel{width:min(290px,calc(100vw - 20px))}.field-row,.range-row{grid-template-columns:1fr}.range-value{text-align:left}.button-row{grid-template-columns:1fr}}