:root,:root[data-theme=light]{color-scheme:light;--bg: #ffffff;--surface: #fafafa;--surface-2: #ffffff;--surface-hover: #f0f0f0;--text: #111111;--text-muted: #555555;--text-inverse: #ffffff;--border: #e0e0e0;--border-strong: #c0c0c0;--accent: #1e88e5;--accent-hover: #1565c0;--accent-text: #ffffff;--danger: #7a1f1a;--danger-hover: #a32d26;--danger-text: #ffffff;--warning-bg: #fff7d6;--warning-text: #6b4f00;--carpet-bg: #f4faf2;--carpet-border: #c6e0ba;--carpet-badge: #3a8050;--inspector-bg: #20232a;--inspector-text: #ffffff;--inspector-button-bg: #2c3038;--inspector-button-hover: #3a3f48;--inspector-border: #3a3f48}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #14171c;--surface: #1c1f25;--surface-2: #242830;--surface-hover: #2e333d;--text: #e6e8eb;--text-muted: #9aa1ab;--text-inverse: #14171c;--border: #2e333d;--border-strong: #3d434e;--accent: #3a8eff;--accent-hover: #6caaff;--accent-text: #14171c;--danger: #b73a32;--danger-hover: #cc4f47;--danger-text: #ffffff;--warning-bg: #3b2f00;--warning-text: #ffe69c;--carpet-bg: #1f2a22;--carpet-border: #2f4a34;--carpet-badge: #5fb077;--inspector-bg: #0f1116;--inspector-text: #e6e8eb;--inspector-button-bg: #1c1f25;--inspector-button-hover: #2e333d;--inspector-border: #2e333d}}:root[data-theme=dark]{color-scheme:dark;--bg: #14171c;--surface: #1c1f25;--surface-2: #242830;--surface-hover: #2e333d;--text: #e6e8eb;--text-muted: #9aa1ab;--text-inverse: #14171c;--border: #2e333d;--border-strong: #3d434e;--accent: #3a8eff;--accent-hover: #6caaff;--accent-text: #14171c;--danger: #b73a32;--danger-hover: #cc4f47;--danger-text: #ffffff;--warning-bg: #3b2f00;--warning-text: #ffe69c;--carpet-bg: #1f2a22;--carpet-border: #2f4a34;--carpet-badge: #5fb077;--inspector-bg: #0f1116;--inspector-text: #e6e8eb;--inspector-button-bg: #1c1f25;--inspector-button-hover: #2e333d;--inspector-border: #2e333d}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}button,input,select,textarea{color:inherit}aquascape-root{display:block;width:100vw;height:100vh;--sidebar-width: 320px;--rail-width: 280px;--reexpand-width: 32px;--handle-width: 6px;--handle-hit: 14px}.app-shell{display:grid;grid-template-rows:auto 1fr;height:100%}.app-drawer-bar{display:none;gap:8px;padding:6px 10px;background:var(--surface);border-bottom:1px solid var(--border)}.drawer-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:12px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:6px;cursor:pointer}.drawer-toggle:hover{background:var(--surface-hover)}.app-grid{display:grid;grid-template-columns:var(--sidebar-width) var(--handle-width) 1fr var(--handle-width) var(--rail-width);min-height:0;position:relative}.app-shell.sidebar-collapsed .app-grid{grid-template-columns:var(--reexpand-width) 1fr var(--handle-width) var(--rail-width)}.app-shell.rail-collapsed .app-grid{grid-template-columns:var(--sidebar-width) var(--handle-width) 1fr var(--reexpand-width)}.app-shell.sidebar-collapsed.rail-collapsed .app-grid{grid-template-columns:var(--reexpand-width) 1fr var(--reexpand-width)}.app-shell.simulation-mode{grid-template-rows:1fr}.app-shell.simulation-mode aquascape-editor-shell,.app-shell.simulation-mode .app-drawer-bar,.app-shell.simulation-mode .app-sidebar,.app-shell.simulation-mode .app-rail,.app-shell.simulation-mode .resize-handle,.app-shell.simulation-mode .reexpand-strip,.app-shell.simulation-mode .app-status,.app-shell.simulation-mode .app-zoom-control,.app-shell.simulation-mode .app-timeslider{display:none!important}.app-shell.simulation-mode .app-grid,.app-shell.simulation-mode.sidebar-collapsed .app-grid,.app-shell.simulation-mode.rail-collapsed .app-grid,.app-shell.simulation-mode.sidebar-collapsed.rail-collapsed .app-grid{grid-template-columns:1fr}.app-sidebar,.app-rail{display:flex;flex-direction:column;min-height:0;background:var(--surface)}.app-sidebar{border-right:1px solid var(--border)}.app-rail{border-left:1px solid var(--border)}.app-shell:not(.is-phone).sidebar-collapsed .app-sidebar{display:none}.app-shell:not(.is-phone).rail-collapsed .app-rail{display:none}.pane-header{display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:6px 8px;border-bottom:1px solid var(--border);background:var(--surface);min-height:28px}.app-rail .pane-header{justify-content:flex-end}.pane-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.pane-collapse{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:4px;cursor:pointer}.pane-collapse:hover{background:var(--accent);color:var(--accent-text);border-color:var(--accent-hover)}.pane-collapse:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app-rail .pane-collapse svg{transform:scaleX(-1)}.pane-body{flex:1 1 auto;overflow-y:auto;min-height:0}.app-rail .pane-body{padding:8px}.resize-handle{position:relative;width:var(--handle-width);background:var(--border);cursor:col-resize;touch-action:none;z-index:5}.resize-handle:before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--handle-hit) - var(--handle-width)) / -2);width:var(--handle-hit)}.resize-handle:hover,.resize-handle:focus-visible{background:var(--accent)}.resize-handle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}body.is-dragging-handle{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.reexpand-strip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:var(--reexpand-width);height:100%;padding:12px 0;background:var(--surface);color:var(--text);border:none;border-right:1px solid var(--border);cursor:pointer;font:inherit}.reexpand-right{border-right:none;border-left:1px solid var(--border)}.reexpand-strip:hover,.reexpand-strip:focus-visible{background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--text)}.reexpand-strip:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.reexpand-right svg{transform:scaleX(-1)}.reexpand-strip__label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);writing-mode:vertical-rl;transform:rotate(180deg)}.reexpand-right .reexpand-strip__label{transform:none}.reexpand-strip:hover .reexpand-strip__label,.reexpand-strip:focus-visible .reexpand-strip__label{color:var(--text)}.drawer-scrim{position:fixed;inset:0;background:#00000059;z-index:900;opacity:0;pointer-events:none;transition:opacity .15s ease-out}.app-shell.is-phone.sidebar-open .drawer-scrim,.app-shell.is-phone.rail-open .drawer-scrim{opacity:1;pointer-events:auto}@media (max-width: 1199px) and (min-width: 768px){aquascape-root{--sidebar-width: clamp(200px, 28vw, 320px);--rail-width: clamp(180px, 22vw, 280px)}}@media (max-width: 767px){.app-shell{grid-template-rows:auto auto minmax(0,1fr);height:100dvh}.app-shell>*{min-width:0}aquascape-editor-shell,.app-shell>header{overflow-x:auto;scrollbar-width:none}.app-drawer-bar{display:flex}.app-grid,.app-shell.sidebar-collapsed .app-grid,.app-shell.rail-collapsed .app-grid,.app-shell.sidebar-collapsed.rail-collapsed .app-grid{grid-template-columns:1fr}.reexpand-strip,.resize-handle{display:none}.app-sidebar,.app-rail{position:fixed;top:0;bottom:0;width:min(85vw,320px);z-index:950;box-shadow:0 0 16px #0003;transition:transform .2s ease-out;grid-column:1 / -1}.app-sidebar{left:0;transform:translate(-100%)}.app-rail{right:0;transform:translate(100%)}.app-shell.is-phone.sidebar-open .app-sidebar,.app-shell.is-phone.rail-open .app-rail{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.app-sidebar,.app-rail,.drawer-scrim{transition:none}}