:root{color-scheme:light;--bg: #f3f4f5;--panel: #ffffff;--text: #1c2428;--muted: #6a777e;--line: #e1e6e9;--line-strong: #cfd6db;--accent: #0b6b63;--accent-soft: #e6f3f1;--danger: #c23b3b;--ok: #1a8a68;--rail: 260px;--side: 300px;--split: 5px;--topbar: 52px;--transport: 52px;--radius: 8px;--font: "Outfit", "Segoe UI", sans-serif;--shadow: 0 8px 24px rgba(20, 30, 34, .08)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font)}#app{height:100%;max-height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}.topbar{flex:0 0 var(--topbar);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:0 .85rem;background:var(--panel);border-bottom:1px solid var(--line)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:.55rem;min-width:0}.topbar-right{justify-content:flex-end}.topbar-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;text-align:center}.brand-mark{width:26px;height:26px;border-radius:6px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.85rem;font-weight:700;flex:0 0 auto}.brand{font-size:1.05rem;font-weight:700;letter-spacing:.01em}.doc-title{font-size:.88rem;font-weight:600;color:var(--text);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-size{font-size:.72rem;color:var(--muted);margin-top:.05rem}.zoom-chip{font-size:.75rem;font-weight:600;color:var(--text);background:#f0f3f4;border:1px solid var(--line);border-radius:6px;padding:.28rem .55rem}.lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#f7f9fa}.lang-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);padding:.3rem .55rem;font:inherit;font-size:.75rem;cursor:pointer}.lang-btn+.lang-btn{border-left:1px solid var(--line)}.lang-btn.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.workspace{flex:1;min-height:0;min-width:0;overflow:hidden;display:grid;grid-template-columns:var(--rail) var(--split) minmax(0,1fr) var(--split) var(--side)}.split-handle{width:var(--split);min-width:var(--split);cursor:col-resize;background:var(--line);position:relative;z-index:5;touch-action:none;-webkit-user-select:none;user-select:none}.split-handle:after{content:"";position:absolute;top:0;right:-3px;bottom:0;left:-3px}.split-handle:hover,.split-handle.is-dragging,.split-handle:focus-visible{background:var(--accent);outline:none}body.is-resizing-panels{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.is-resizing-panels *{cursor:col-resize!important}.rail,.side{min-height:0;min-width:0;overflow:auto;background:var(--panel)}.rail{border-right:none;padding:.65rem;display:flex;flex-direction:column;gap:.55rem;overflow-x:hidden;overflow-y:auto;min-width:0}.side{border-left:none;padding:.65rem;display:flex;flex-direction:column;gap:.55rem}.center{min-width:0;min-height:0;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#bdbfc4}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fafbfc;padding:.65rem}.panel h2,.side-head h2{margin:0 0 .45rem;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.side-head{padding:.15rem .1rem 0}.side-head h2{font-size:.95rem;letter-spacing:0;text-transform:none;color:var(--text);margin:0}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:6.5rem;padding:.75rem .55rem;border:1px dashed color-mix(in srgb,var(--accent) 40%,var(--line-strong));border-radius:8px;background:#f3f8f7;text-align:center;transition:border-color .15s ease,background .15s ease}.drop-zone:hover,.drop-zone.is-dragover{border-color:var(--accent);background:var(--accent-soft)}.drop-title{font-size:.84rem;font-weight:600;pointer-events:none}.drop-sub{font-size:.68rem;color:var(--muted);line-height:1.35;pointer-events:none}.drop-actions{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-top:.4rem;flex-wrap:wrap}.drop-sep{color:var(--muted);font-size:.75rem}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--accent);font:inherit;font-size:.75rem;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.btn-stack{display:flex;flex-direction:column;gap:.4rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:7px;padding:.48rem .7rem;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.btn:hover{filter:brightness(1.05)}.btn-ghost{background:#fff;color:var(--text);border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);filter:none}.preset-drop{display:flex;align-items:center;justify-content:center;min-height:2.1rem;padding:.35rem .5rem;border:1px dashed var(--line-strong);border-radius:7px;background:#fff;font-size:.72rem;color:var(--muted);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.preset-drop:hover,.preset-drop.is-dragover,.preset-drop:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.status{margin:0;font-size:.75rem;line-height:1.45;color:var(--muted);white-space:pre-wrap;word-break:break-word;min-height:3.2rem}.status.is-error{color:var(--danger)}.status.is-ok{color:var(--ok)}.field{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--muted)}.field-stack{display:flex;flex-direction:column;align-items:stretch;gap:.3rem}.field select,.field input[type=number],.field input[type=range]{font:inherit;font-size:.78rem;color:var(--text)}.field select,.field input[type=number]{border:1px solid var(--line);border-radius:6px;background:#fff;padding:.28rem .4rem}.check{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.stage-canvas{position:relative;min-width:0;min-height:0;overflow:hidden;display:grid;place-items:center;padding:.85rem;touch-action:none;background-color:#c5c7cc;background-image:repeating-conic-gradient(#b0b3b9 0% 25%,#c5c7cc 0% 50%);background-size:20px 20px}.stage-canvas.is-orbit{cursor:grab}.stage-canvas.is-orbit.is-dragging{cursor:grabbing}#preview{display:block;image-rendering:pixelated;image-rendering:crisp-edges;background:transparent;border:1px dashed #8a9098;border-radius:0;box-shadow:0 10px 30px #141e221f;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}#preview.is-original{image-rendering:auto}.orbit-hud{position:absolute;right:.75rem;bottom:.75rem;display:flex;align-items:center;gap:.5rem;padding:.3rem .4rem .3rem .6rem;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,#fff 92%,transparent);box-shadow:var(--shadow);pointer-events:none}.orbit-hud.is-hidden{display:none}.orbit-hint{font-size:.72rem;color:var(--muted);font-weight:500}.btn-orbit{-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:999px;padding:.25rem .6rem;font:inherit;font-size:.72rem;font-weight:600;cursor:pointer}.btn-orbit:hover{border-color:var(--accent);color:var(--accent)}.transport{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .75rem;min-height:var(--transport);padding:.45rem .85rem;border-top:1px solid var(--line);background:var(--panel)}.transport-play{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:7px;min-width:4.2rem;padding:.35rem .7rem;font:inherit;font-size:.78rem;font-weight:600;cursor:pointer}.transport-play:not(.is-playing){background:#fff;color:var(--accent)}.field-time{flex:1 1 160px;min-width:140px}.field-time input[type=range]{flex:1;width:100%;accent-color:var(--accent)}.field-fps input{width:3.4rem}.side.is-dimmed #guiHost,.side.is-dimmed .card-atlas{opacity:.45;pointer-events:none}.card-atlas.is-hidden{display:none}.is-hidden{display:none!important}.panel-tex{flex:1 0 auto;flex-shrink:0;min-height:16rem;min-width:0;max-width:100%;overflow:hidden;display:flex;flex-direction:column}.panel-tex h2{margin:0 0 .45rem;flex:0 0 auto}.tex-empty{margin:0;font-size:.75rem;color:var(--muted);line-height:1.4}.tex-body{display:flex;flex-direction:column;gap:.45rem;flex:1 1 auto;min-height:0;min-width:0;max-width:100%;overflow:hidden}.tex-body .field-stack,.tex-body .field,.tex-body select,.tex-body .btn-stack,.tex-body .btn{max-width:100%;min-width:0}.tex-body select{width:100%}.tex-body .btn{white-space:normal;word-break:break-word;line-height:1.25}.tex-tools{display:flex;flex-wrap:wrap;gap:.3rem}.tex-tool{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);background:#fff;color:var(--text);border-radius:6px;padding:.28rem .5rem;font:inherit;font-size:.72rem;font-weight:600;cursor:pointer}.tex-tool.is-active,.tex-tool:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.tex-tool:disabled{opacity:.45;cursor:not-allowed}.tex-controls{display:flex;flex-direction:column;gap:.4rem;align-items:stretch;min-width:0}.tex-brush-field{width:100%;min-width:0}.tex-brush-field .tex-brush{flex:1;min-width:0;accent-color:var(--accent)}.tex-brush-val{min-width:1.4rem;font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.tex-color-host{width:100%;min-width:0}.tex-hex8-field{display:flex;align-items:center;gap:.35rem;min-height:1.6rem;padding:0;border:none;width:100%;min-width:0;max-width:100%}.tex-hex8-field .name{flex:0 0 auto;font-size:.75rem;color:var(--muted);padding:0}.tex-hex8-field .widget{flex:1;display:flex;align-items:center;gap:.35rem;min-width:0;position:relative}.tex-hex8-field .hex8-rgba-swatch{flex:0 0 auto;width:1.35rem;height:1.35rem;border:1px solid var(--line);border-radius:4px;padding:0;cursor:pointer;background:linear-gradient(var(--swatch, #0b6b63ff),var(--swatch, #0b6b63ff)),repeating-conic-gradient(#d0d0d0 0% 25%,#fff 0% 50%) 0 0 / 8px 8px}.tex-hex8-field .hex8-rgba-input{flex:1 1 auto;min-width:0;max-width:100%;height:1.4rem;--hex-color: var(--accent);font-size:12px}.tex-hex8-field .hex8-rgba-popover{display:none;position:absolute;z-index:50;top:calc(100% + 6px);left:0;right:auto;max-width:min(220px,70vw);padding:.55rem;border:1px solid var(--line);border-radius:8px;background:#ffffff;box-shadow:var(--shadow)}.tex-hex8-field .hex8-rgba-popover.is-open{display:block}.tex-hex8-field .hex8-rgba-popover hex-alpha-color-picker{width:160px;height:140px;max-width:100%}.tex-view-meta{display:flex;align-items:baseline;justify-content:space-between;gap:.4rem;min-width:0;font-size:.7rem;color:var(--muted)}.tex-zoom-label{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;flex:0 0 auto}.tex-zoom-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tex-view-wrap{position:relative;flex:1 1 auto;width:100%;min-width:0;min-height:8rem;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:repeating-conic-gradient(#d4d6da 0% 25%,#eceef0 0% 50%) 0 0 / 12px 12px;touch-action:none}.tex-view-wrap.is-panning{cursor:grabbing}.tex-view-stage{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;line-height:0}.tex-view{display:block;cursor:none;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none}.tex-brush-ring{position:absolute;left:0;top:0;width:12px;height:12px;margin:0;border:1.5px solid rgba(20,30,34,.85);border-radius:50%;background:rgba(11,107,99,.2);pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff8c;opacity:0;z-index:2}.tex-brush-ring.is-visible{opacity:1}#guiHost{flex:1;min-height:120px;overflow:auto}#guiHost .lil-gui{--background-color: #ffffff;--widget-color: #f3f5f6;--focus-color: var(--accent);--hover-color: var(--accent-soft);--font-family: var(--font);--font-size: 12px;--input-font-size: 12px;--name-width: 42%;--text-color: #1c2428;--title-background-color: #f3f5f6;--title-text-color: #1c2428;--widget-border-radius: 6px;--number-color: var(--accent);--string-color: var(--accent);color:#1c2428;background:transparent;width:100%!important;max-height:none;border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}#guiHost .lil-gui.root>.title{display:none}#guiHost .lil-gui .title{text-transform:none;font-weight:600;color:#1c2428;background:#f3f5f6}#guiHost .lil-gui .controller{border-left:none;color:#1c2428}#guiHost .lil-gui .controller.disabled{opacity:.45}#guiHost .lil-gui input,#guiHost .lil-gui select{color:#1c2428;background:#f3f5f6}#guiHost .lil-gui.root{position:static!important;width:100%!important}#guiHost .hex8-rgba-field{display:flex;align-items:center;min-height:calc(var(--widget-height, 20px) + var(--spacing, 4px));padding:var(--spacing, 4px);border-left:none;color:#1c2428}#guiHost .hex8-rgba-field .name{flex:0 0 var(--name-width, 42%);padding-right:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#guiHost .hex8-rgba-field .widget{position:relative;flex:1 1 auto;display:flex;align-items:center;gap:.35rem;min-width:0}#guiHost .hex8-rgba-swatch{flex:0 0 auto;width:1.25rem;height:1.25rem;border:1px solid var(--line);border-radius:4px;padding:0;cursor:pointer;background:linear-gradient(var(--swatch, #898797ff),var(--swatch, #898797ff)),repeating-conic-gradient(#d0d0d0 0% 25%,#fff 0% 50%) 0 0 / 8px 8px}#guiHost .hex8-rgba-swatch.is-open{outline:2px solid var(--accent);outline-offset:1px}#guiHost .hex8-rgba-input{flex:1 1 auto;min-width:0;height:var(--widget-height, 20px);--hex-color: var(--accent);font-size:12px}#guiHost .hex8-rgba-popover{display:none;position:absolute;z-index:40;top:calc(100% + 6px);right:0;padding:.55rem;border:1px solid var(--line);border-radius:8px;background:#ffffff;box-shadow:var(--shadow)}#guiHost .hex8-rgba-popover.is-open{display:block}#guiHost .hex8-rgba-popover hex-alpha-color-picker{width:180px;height:160px}#guiHost .hex8-rgba-field.disabled{opacity:.45;pointer-events:none}@media (max-width: 1020px){html:not(.is-cocos-host),html:not(.is-cocos-host) body,html:not(.is-cocos-host) #app{overflow:auto;height:auto;min-height:100%}html:not(.is-cocos-host) .workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(280px,55vh) auto;overflow:visible}html:not(.is-cocos-host) .split-handle{display:none}html.is-cocos-host .workspace{grid-template-columns:minmax(200px,var(--rail)) var(--split) minmax(0,1fr) var(--split) minmax(200px,var(--side))}.rail,.side{border:none;border-bottom:1px solid var(--line);max-height:none}html.is-cocos-host .rail,html.is-cocos-host .side{border-bottom:none}.center{min-height:280px}.topbar{grid-template-columns:1fr;height:auto;padding:.55rem .75rem;gap:.4rem}.topbar-center{order:-1}.topbar-right{justify-content:space-between}}