:root{--bg: #efefef;--panel: #ffffff;--panel-rgb: 255 255 255;--chrome: var(--panel);--chrome-rgb: var(--panel-rgb);--line: #d1d6dd;--line-strong: #b5bdc8;--text: #1a2a3a;--muted: #65758a;--accent: #1b8ad8;--accent-soft: #e3f2fc;--code-bg: #f7f9fc;--control-bg: var(--panel);--control-hover-bg: #f9fcff;--control-active-bg: var(--accent-soft);--menu-bg: var(--panel);--viewport-border: rgba(0, 0, 0, .06);--sky-top: #59b1ff;--sky-mid: #d9f0ff;--sky-bottom: #f9fdff;--sky-solid: #7aa7e8;--sidebar-width: 40px;color-scheme:light}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}body.app-loading{background:var(--bg)}body.app-loading #app-shell{opacity:0;pointer-events:none}@media (prefers-color-scheme: dark){:root{--bg: #0f1520;--panel: #121b28;--panel-rgb: 18 27 40;--chrome: #0f1722;--chrome-rgb: 15 23 34;--line: #27354a;--line-strong: #344a63;--text: #e7eef8;--muted: #93a4bc;--accent: #46b7ff;--accent-soft: #17324a;--code-bg: #111825;--control-bg: #121b28;--control-hover-bg: #182537;--control-active-bg: #17324a;--menu-bg: #121b28;--viewport-border: rgba(108, 171, 232, .18);color-scheme:dark}}body[data-ui-theme=light]{--bg: #eef3f8;--panel: #ffffff;--panel-rgb: 255 255 255;--chrome: #ffffff;--chrome-rgb: 255 255 255;--line: #d1d6dd;--line-strong: #b5bdc8;--text: #162738;--muted: #667a91;--accent: #1b8ad8;--accent-soft: #e3f2fc;--code-bg: #f7f9fc;--control-bg: #ffffff;--control-hover-bg: #f9fcff;--control-active-bg: #e3f2fc;--menu-bg: #ffffff;--viewport-border: rgba(11, 34, 52, .08);color-scheme:light}body[data-ui-theme=dark]{--bg: #0f1520;--panel: #121b28;--panel-rgb: 18 27 40;--chrome: #0f1722;--chrome-rgb: 15 23 34;--line: #27354a;--line-strong: #344a63;--text: #e7eef8;--muted: #93a4bc;--accent: #46b7ff;--accent-soft: #17324a;--code-bg: #111825;--control-bg: #121b28;--control-hover-bg: #182537;--control-active-bg: #17324a;--menu-bg: #121b28;--viewport-border: rgba(108, 171, 232, .18);color-scheme:dark}body[data-sky-theme=clearNoon]{--sky-top: #59b1ff;--sky-mid: #d9f0ff;--sky-bottom: #f9fdff}body[data-sky-theme=goldenHour]{--sky-top: #ffb35e;--sky-mid: #ffe1b8;--sky-bottom: #fff7ee}body[data-sky-theme=overcast]{--sky-top: #9fb3c2;--sky-mid: #d7e0e8;--sky-bottom: #f6f8fa}body[data-sky-theme=rainstorm]{--sky-top: #071627;--sky-mid: #12324b;--sky-bottom: #285a6e}body[data-sky-theme=nightSky]{--sky-top: #020816;--sky-mid: #0b1f44;--sky-bottom: #23436d}body[data-sky-theme=solidColor]{--sky-solid: #7aa7e8}#app-shell{opacity:1;filter:blur(0);transition:grid-template-columns .18s ease,filter .25s ease,opacity .25s ease}.app-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg);color:var(--muted);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s}body.app-loading .app-loader{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s ease}body.welcome-modal-open{overflow:hidden}body.welcome-modal-open #app-shell{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none}.app-loader-spinner{width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:app-loader-spin .8s linear infinite}.app-loader-status{font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}@keyframes app-loader-spin{to{transform:rotate(360deg)}}.welcome-dialog{width:min(560px,calc(100% - 32px));max-height:min(720px,calc(100dvh - 32px));padding:0;border:none;border-radius:8px;background:transparent;color:var(--text);overflow:visible}.welcome-dialog::backdrop{background:#121c2657;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.welcome-dialog-card{position:relative;display:flex;flex-direction:column;max-height:min(720px,calc(100dvh - 32px));padding:28px;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel);box-shadow:0 24px 70px #1423324d;overflow:hidden}.welcome-close{position:absolute;top:12px;right:12px;min-width:32px;min-height:32px;padding:0;border-color:transparent;background:transparent;font-size:1.25rem;line-height:1}.welcome-close:hover,.welcome-close:focus-visible{border-color:var(--line-strong);background:var(--control-hover-bg);outline:none}.welcome-dialog h2,.welcome-dialog h3,.welcome-dialog p{margin:0}.welcome-dialog h2{padding-right:38px;font-size:1.45rem;line-height:1.2}.welcome-dialog h3{font-size:.92rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.welcome-dialog p,.welcome-dialog li{color:var(--text);font-size:.94rem;line-height:1.5}.welcome-dialog p{margin-top:12px}.welcome-dialog hr{margin:20px 0;border:0;border-top:1px solid var(--line)}.welcome-dialog ul{margin:10px 0 0;padding-left:22px}.welcome-body{overflow-y:auto;flex:1 1 auto;min-height:0;margin-top:12px}.welcome-body>:first-child{margin-top:0}.welcome-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;flex-shrink:0}.welcome-github-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:7px 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--control-bg);color:var(--text);font-size:.84rem;text-decoration:none}.welcome-github-link:hover,.welcome-github-link:focus-visible{border-color:var(--accent);background:var(--control-hover-bg);outline:none}.welcome-action-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 auto}.welcome-action-icon svg{display:block;width:100%;height:100%}.welcome-continue{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-color:#16834a;background:#1f9b62;color:#fff;font-weight:700;box-shadow:0 8px 22px #1f9b623d}.welcome-continue:hover,.welcome-continue:focus-visible{border-color:#0f6f3d;background:#16834a;color:#fff;outline:none}#app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr) 360px;grid-template-rows:56px minmax(0,1fr);width:100%;height:100%}body.code-collapsed #app-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr) 0}.topbar{grid-column:1 / 4;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--chrome);border-bottom:1px solid var(--line);box-shadow:0 1px #0000000a;z-index:6}.brand{display:flex;align-items:center;gap:10px}.brand h1{margin:0;font-size:1.02rem;font-weight:700}.github-brand-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:var(--text);text-decoration:none;flex:0 0 auto}.github-brand-link:hover,.github-brand-link:focus-visible{background:var(--control-hover-bg);outline:none}.github-brand-link .btn-icon{color:currentColor}.doc-name{display:inline-flex;align-items:center;min-width:72px;max-width:220px;min-height:28px;padding:3px 7px;border:1px solid transparent;border-radius:8px;font-size:.86rem;color:var(--muted);outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-name:hover,.doc-name:focus{border-color:var(--line-strong);background:var(--control-hover-bg);color:var(--text)}.actions{display:flex;align-items:center;gap:8px}button{border:1px solid var(--line-strong);background:var(--control-bg);color:var(--text);border-radius:8px;min-height:34px;padding:7px 10px;font-size:.84rem;cursor:pointer}button:hover{border-color:var(--accent);background:var(--control-hover-bg)}button.active{border-color:var(--accent);background:var(--control-active-bg)}.sidebar{position:relative;background:var(--panel);border-right:1px solid var(--line);overflow:hidden}.sidebar-scroll-content{height:100%;padding:6px 4px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;gap:5px}.sidebar-scroll-content::-webkit-scrollbar{display:none}.sidebar-scroll-control{position:absolute;left:4px;z-index:3;width:100%;width:32px;min-height:22px;padding:0;border-color:transparent;background-color:rgb(var(--chrome-rgb) / .88);background-position:center;background-repeat:no-repeat;background-size:22px 10px;color:var(--accent);opacity:0;pointer-events:none;transition:opacity .12s ease}.sidebar-scroll-control:hover{border-color:transparent;background-color:rgb(var(--chrome-rgb) / .96)}.sidebar .sidebar-scroll-control{background-position:center;background-repeat:no-repeat;background-size:22px 10px}.sidebar .sidebar-scroll-up{top:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M3 9 L12 3 L21 9' fill='none' stroke='currentColor' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.sidebar .sidebar-scroll-down{bottom:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M3 3 L12 9 L21 3' fill='none' stroke='currentColor' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.sidebar.can-scroll-up .sidebar-scroll-up,.sidebar.can-scroll-down .sidebar-scroll-down{opacity:1;pointer-events:auto}.sidebar h2{width:100%;height:1px;margin:10px 0 4px;border-top:1px solid var(--line);color:transparent;font-size:0;line-height:0}.sidebar h2:first-of-type{display:none}.tool-grid,.selection-grid,.scene-ops{width:100%;display:grid;grid-template-columns:1fr;gap:6px}.viewport-wrap{position:relative;min-width:0;min-height:0;background:radial-gradient(circle at var(--sky-light-x, 50%) var(--sky-light-y, 38%),rgb(var(--panel-rgb) / .22) 0%,rgb(var(--panel-rgb) / 0) 58%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) var(--sky-horizon, 58%),var(--sky-bottom) 100%);box-shadow:inset 0 0 0 1px var(--viewport-border)}body[data-sky-theme=solidColor] .viewport-wrap{background:var(--sky-solid)}#viewport{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--accent)}.btn-icon svg{display:block;width:100%;height:100%}.tool-btn,.selection-grid .icon-btn,.scene-ops .icon-btn{width:32px;min-height:32px;padding:3px;border-radius:8px;border-color:transparent;justify-self:center}.tool-btn:hover,.selection-grid .icon-btn:hover,.scene-ops .icon-btn:hover,.tool-btn.active,.selection-grid .icon-btn.active,.scene-ops .icon-btn.active{border-color:var(--accent)}.tool-btn .btn-label,.selection-grid .btn-label,.scene-ops .btn-label{display:none}.actions .icon-btn{border:1px solid var(--line-strong);background:var(--control-bg);color:var(--text);border-radius:8px;padding:0 10px;min-height:32px;text-decoration:none}.actions .icon-btn:hover{border-color:var(--accent);background:var(--control-hover-bg)}.actions .icon-btn:disabled{cursor:not-allowed;opacity:.45}.actions .btn-icon{width:16px;height:16px}.actions .btn-label{font-weight:600}.actions .code-toggle{width:34px;min-width:34px;padding:0}.actions .code-toggle .btn-label{display:none}.export-menu-wrap{position:relative;display:inline-flex}.export-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:12;min-width:160px;padding:5px;border:1px solid var(--line-strong);border-radius:8px;background:var(--menu-bg);box-shadow:0 10px 28px #14233229}.export-menu[hidden]{display:none}.export-menu button{display:block;width:100%;min-height:32px;padding:7px 9px;border-color:transparent;text-align:left;white-space:nowrap}.export-menu button:hover{border-color:transparent;background:var(--accent-soft)}#overlay{position:absolute;left:10px;bottom:10px;min-width:260px;padding:10px;border-radius:8px;border:1px solid var(--line);background:rgb(var(--panel-rgb) / .82);font-size:.76rem;color:var(--text)}#overlay strong{color:var(--accent)}.code-panel{min-width:0;background:var(--panel);border-left:1px solid var(--line);padding:10px;display:flex;flex-direction:column;gap:8px;transition:opacity .14s ease;overflow:hidden}body.code-collapsed .code-panel{opacity:0;pointer-events:none;padding:0;border-left:none;overflow:hidden}.code-panel h2{margin:2px 0 0;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.panel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.panel-tab{min-height:32px;padding:6px 10px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.panel-page{display:none;min-height:0}.panel-page.active{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0}.panel-page.active[data-panel-page-content=settings],.panel-page.active[data-panel-page-content=ai]{overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.code-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.code-header h2{margin:2px 0 0}.code-actions{display:flex;align-items:center;gap:6px}.code-tool-btn{min-height:28px;min-width:32px;padding:4px 7px}.code-tool-btn .btn-label{display:none}.parameter-add-btn{color:var(--accent)}.parameter-add-btn:hover,.parameter-add-btn:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.code-tool-btn.copied,.code-tool-btn.compressed{border-color:#1f9b6299;background:#1f9b6224}.code-tool-btn.copy-failed,.code-tool-btn.copy-empty{border-color:#d06a6a99;background:#d06a6a24}.parameter-editor{display:grid;grid-template-columns:1fr;gap:8px;flex:0 0 auto;max-height:34%;overflow-y:auto;padding-right:2px}.parameter-editor.empty{display:none}.parameter-list{display:grid;grid-template-columns:1fr;gap:7px}.parameter-row{display:grid;grid-template-columns:minmax(82px,.55fr) 28px minmax(110px,1fr) 62px;gap:6px;align-items:center}.parameter-name-input,.parameter-number-input{min-width:0;width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:6px;background:var(--control-bg);color:var(--text);font:inherit;font-size:.74rem;min-height:28px;padding:4px 6px}.parameter-number-input{text-align:right}.parameter-number-input::-webkit-outer-spin-button,.parameter-number-input::-webkit-inner-spin-button{margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.parameter-number-input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.parameter-value{position:relative;min-width:0;height:28px}.parameter-value .parameter-number-input{min-height:28px;padding-right:18px}.parameter-stepper{position:absolute;top:50%;right:3px;width:12px;height:22px;transform:translateY(-50%)}.parameter-stepper-btn{width:12px;min-width:12px;height:11px}.parameter-slider{width:100%;min-width:0;accent-color:var(--accent)}.parameter-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;inline-size:28px;block-size:28px;flex:0 0 28px;aspect-ratio:1 / 1;box-sizing:border-box;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--control-bg);color:var(--muted);cursor:pointer;font-size:17px;line-height:1}.parameter-delete-btn:hover,.parameter-delete-btn:focus-visible{border-color:#d06a6ab3;color:#d06a6a;outline:none}#code-view{margin:0;flex:1 1 auto;min-height:0;border:1px solid var(--line);border-radius:8px;background:var(--code-bg);padding:6px;font-size:.76rem;line-height:1.25;overflow:auto}.json-tree-node{margin:0}.json-tree-summary{display:flex;align-items:center;gap:5px;min-height:20px;color:var(--text);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.json-tree-summary::-webkit-details-marker{display:none}.json-tree-summary:before{content:"";width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor;flex:0 0 auto}.json-tree-node[open]>.json-tree-summary:before{border-top:6px solid currentColor;border-right:4px solid transparent;border-left:4px solid transparent;border-bottom:0}.json-tree-key{font-weight:650}.json-tree-meta{color:var(--muted);font-size:.7rem}.json-tree-children{display:grid;grid-template-columns:1fr;gap:1px;margin-left:10px;padding-left:7px}.json-leaf-row{display:grid;grid-template-columns:minmax(64px,.36fr) minmax(0,1fr);gap:5px;align-items:center;min-height:22px;margin:1px 0 1px 16px}.json-leaf-value{position:relative;min-width:0;height:22px}.json-leaf-label{min-width:0;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.json-stepper{position:absolute;top:0;right:3px;display:grid;grid-template-rows:1fr 1fr;gap:0;width:12px;height:22px;min-height:0;opacity:0;pointer-events:none;transition:opacity 90ms ease}.json-leaf-value:hover .json-stepper,.json-leaf-value:focus-within .json-stepper,.parameter-value:hover .parameter-stepper,.parameter-value:focus-within .parameter-stepper{opacity:1;pointer-events:auto}.parameter-value .parameter-stepper{top:50%;height:22px;transform:translateY(-50%)}.json-stepper-btn{display:inline-flex;align-items:center;justify-content:center;width:12px;min-width:12px;height:11px;min-height:0;box-sizing:border-box;border:1px solid var(--line);border-radius:2px;background:var(--control-bg);color:var(--text);cursor:pointer;font-size:7px;line-height:1;padding:0}.json-stepper-btn:hover,.json-stepper-btn:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.json-leaf-input{min-width:0;width:100%;box-sizing:border-box;border:1px solid transparent;border-radius:5px;background:color-mix(in srgb,var(--control-bg) 74%,transparent);color:var(--text);font:inherit;font-size:.74rem;min-height:22px;padding:2px 18px 2px 5px}.json-leaf-input:focus{border-color:var(--accent);outline:none}.ai-edit-panel{display:flex;flex-direction:column;gap:8px;margin-top:auto;flex:0 0 auto}.ai-prompt-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px;align-items:center}.ai-prompt-row input,.settings-field input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:999px;background:var(--control-bg);color:var(--text);font:inherit;min-height:34px;padding:7px 12px}.ai-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ai-submit-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;border-radius:50%;border:1px solid var(--line);background:var(--accent);color:#fff;font-size:18px;font-weight:800;line-height:1;cursor:pointer}.ai-submit-btn:hover,.ai-submit-btn:focus-visible{border-color:var(--accent);background:var(--accent);color:#fff;outline:none}.ai-submit-btn:disabled{opacity:.55;cursor:default}.ai-status{margin:0;color:var(--muted);font-size:12px}.ai-status:empty{display:none}.settings-list{display:grid;grid-template-columns:1fr;gap:12px}.settings-group{display:grid;grid-template-columns:1fr;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.settings-group h3{margin:0;color:var(--text);font-size:.85rem;font-weight:800}.settings-btn{display:inline-flex;align-items:center;width:100%;justify-content:flex-start;font-weight:600}.settings-field{display:grid;grid-template-columns:1fr;gap:6px;color:var(--muted);font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.settings-field[hidden]{display:none!important}.settings-field select,.settings-field input[type=range]{width:100%}.settings-field select{min-height:34px;border:1px solid var(--line-strong);border-radius:8px;background:var(--control-bg);color:var(--text);padding:6px 8px;font:inherit;text-transform:none;letter-spacing:normal}.settings-field output{color:var(--accent);font-size:.72rem;text-transform:none}.sky-solid-field,.ground-solid-field{position:relative}.sky-solid-wrap,.ground-solid-wrap{position:relative;display:flex;align-items:center;gap:8px;min-height:34px}.sky-solid-toggle,.ground-solid-toggle{width:36px;min-width:36px;min-height:34px;padding:0;flex:0 0 auto}.sky-solid-toggle .btn-icon,.ground-solid-toggle .btn-icon{width:18px;height:18px;color:var(--text)}.sky-solid-popover,.ground-solid-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:14;display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;min-width:224px;padding:8px;border:1px solid var(--line-strong);border-radius:8px;background:var(--menu-bg);box-shadow:0 12px 26px #1423322e}.sky-solid-popover[hidden],.ground-solid-popover[hidden]{display:none}.sky-solid-swatch,.ground-solid-swatch{display:inline-flex;align-items:center;justify-content:center;width:38px;height:34px;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;cursor:pointer;background:var(--control-bg)}.sky-solid-swatch input[type=color],.ground-solid-swatch input[type=color]{width:44px;height:40px;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.sky-solid-hex,.ground-solid-hex{width:100%;min-height:34px;padding:6px 8px;border:1px solid var(--line-strong);border-radius:8px;background:var(--control-bg);color:var(--text);font:inherit;letter-spacing:normal;text-transform:uppercase}.sky-solid-hex:focus-visible,.ground-solid-hex:focus-visible,.sky-solid-swatch:focus-within,.ground-solid-swatch:focus-within{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 1120px){#app-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:56px minmax(0,1fr) 260px}.topbar{grid-column:1 / 3}.code-panel{grid-column:1 / 3;border-left:none;border-top:1px solid var(--line)}body.code-collapsed #app-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:56px minmax(0,1fr)}body.code-collapsed .code-panel{display:none}}@media (max-width: 760px){html,body{overflow:hidden}.welcome-dialog{width:min(100% - 18px,560px);max-height:calc(100dvh - 18px)}.welcome-dialog-card{max-height:calc(100dvh - 18px);padding:22px 18px 18px}.welcome-actions{justify-content:stretch}.welcome-actions button,.welcome-github-link{flex:1 1 180px}#app-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:auto minmax(260px,1fr) auto;height:100dvh;overflow:hidden}.topbar{grid-column:1 / 3}.sidebar{grid-column:1;grid-row:2}.viewport-wrap{grid-column:2;grid-row:2}.code-panel{grid-column:1 / 3;grid-row:3}.topbar{min-height:44px;gap:6px;padding:5px 6px}.brand{flex:0 0 auto;gap:6px;min-width:0}.brand h1{max-width:78px;font-size:.76rem;line-height:1.05}.doc-name,.actions .btn-label{display:none}.actions{flex:1 1 auto;justify-content:flex-end;gap:4px;min-width:0}.actions .icon-btn,.actions button{min-width:32px;min-height:30px;padding:5px 7px;font-size:.72rem}.sidebar{border-right:1px solid var(--line);border-bottom:none;overflow:hidden}.sidebar-scroll-content{gap:4px;padding:5px 4px}.sidebar h2{margin:8px 0 2px}.tool-grid,.selection-grid,.scene-ops{gap:4px}.tool-grid,.selection-grid,.scene-ops{grid-template-columns:1fr}.tool-btn,.selection-grid .icon-btn,.scene-ops .icon-btn{width:30px;min-height:30px;padding:2px}.viewport-wrap{min-height:260px}.actions .code-toggle{width:30px;min-width:30px;padding:0}.code-panel{max-height:36dvh;padding:6px;overflow:auto}body.code-collapsed #app-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:auto minmax(260px,1fr)}.panel-tabs{gap:4px}.panel-tab{min-height:28px;padding:5px 8px;font-size:.68rem}.panel-page.active{flex:0 1 auto;gap:6px}#code-view{max-height:28dvh}.settings-list{gap:7px}.settings-btn{min-height:30px;padding:5px 8px;font-size:.72rem}.settings-field{gap:4px;font-size:.66rem}.settings-field select{min-height:30px;padding:5px 7px}}