:root{--bg:#1b1d22;--panel:#23262c;--raised:#2e3138;--hover:#383c44;--border:#3a3e46;--text:#d7dae0;--muted:#8a8f99;--accent:#fa3;--pressed:color-mix(in srgb, var(--accent) 16%, var(--raised));--overlay:#23262ce0;--transform:#5cc8ff;--shape:#9be36d;--error:#ff6b6b;--radius:5px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:13px/1.4 system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit}button{background:var(--raised);border:1px solid var(--border);border-radius:var(--radius);white-space:nowrap;cursor:pointer;padding:3px 8px}button:hover{background:var(--hover)}button[aria-pressed=true]{color:var(--accent);background:var(--pressed);border-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=text],input[type=number],select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:2px 6px}input[type=number]{appearance:textfield;width:3.6em}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=color]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;height:24px;padding:0 2px}.field{color:var(--muted);align-items:center;gap:4px;display:inline-flex}.check{white-space:nowrap;align-items:center;gap:6px;display:flex}.check input{margin:0}.segmented{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-auto-columns:1fr;grid-auto-flow:column;gap:1px;display:grid;overflow:hidden}.segmented.columns-2{grid-template-columns:repeat(2,1fr);grid-auto-flow:row}.segmented.columns-2>:last-child:nth-child(odd){grid-column:span 2}.segmented button{border:0;border-radius:0;min-width:0;padding-inline:4px}.segmented button[aria-pressed=true]{box-shadow:inset 0 -2px 0 var(--accent)}.segmented button:focus-visible{outline-offset:-2px}.stack{gap:6px;display:grid}.control-row{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:8px;display:grid}.control-row .label{color:var(--muted);white-space:nowrap;font-size:12px}.control-row input[type=number]{justify-self:start;width:4.5em}.control-row input[type=text]{width:100%}body{background:var(--bg);height:100vh;color:var(--text);grid-template:"toolbar toolbar toolbar""left viewport right"minmax(0,1fr)"timeline timeline timeline""status status status"/232px minmax(0,1fr) 260px;margin:0;display:grid;overflow:hidden}.toolbar{background:var(--panel);border-bottom:1px solid var(--border);grid-area:toolbar;align-items:center;gap:8px;padding:5px 10px;display:flex}.toolbar .segmented,.track-group .segmented{grid-auto-columns:auto}.toolbar .segmented button,.track-group .segmented button{padding-inline:8px}.file-name{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin-left:auto;overflow:hidden}.version{color:var(--muted);font-size:11px}.sidebar{scrollbar-width:thin;scrollbar-color:var(--border) transparent;background:var(--panel);padding:8px 10px;overflow-y:auto}.sidebar.left{border-right:1px solid var(--border);grid-area:left}.sidebar.right{border-left:1px solid var(--border);grid-area:right}.sidebar section{border-bottom:1px solid var(--border);gap:6px;margin-bottom:8px;padding-bottom:10px;display:grid}.sidebar section:last-child{border-bottom:0;margin-bottom:0}.sidebar h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:11px}.inspector{border:0;min-width:0;margin:0;padding:0}.inspector:disabled{opacity:.45}.size-fields{grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:4px;display:grid}.size-fields input[type=number]{width:100%}.palette{grid-template-columns:repeat(16,1fr);gap:1px;display:grid}.palette button{aspect-ratio:1;border:1px solid #0000;border-radius:0;padding:0}.palette button[aria-pressed=true]{border-color:#fff;outline:1px solid #000}.palette button[data-selected=true]{border-color:var(--accent)}.palette button[data-unused=true]{opacity:.25}.color-row{grid-template-columns:56px minmax(0,1fr) auto auto}.segmented.columns-3{grid-template-columns:repeat(3,1fr);grid-auto-flow:row}.hint{color:var(--muted)}.palette-tools{margin-top:6px}.slider-row input[type=range]{width:100%}.xs-row{grid-template-columns:minmax(0,1fr) auto}.pattern-row{grid-template-columns:minmax(0,1fr) auto auto auto}.pattern-preview{max-width:100%;max-height:160px;image-rendering:pixelated;justify-self:center}.context-menu{z-index:10;position:fixed;box-shadow:0 4px 16px #00000080}.layer-list button{border-bottom:3px solid #0000;padding-inline:0}.layer-list button[data-hidden=true]{color:var(--muted);text-decoration:line-through}.control-row input[type=color]{width:100%}.object-list{gap:3px;margin:0;padding:0;list-style:none;display:grid}.object-list li{gap:3px;display:flex}.object-list .object-name{text-overflow:ellipsis;text-align:left;flex:1;min-width:0;overflow:hidden}.object-list .object-name[data-hidden=true]{color:var(--muted);font-style:italic}.object-list .object-name[aria-current=true]{border-color:var(--accent)}.object-list .visibility,.object-list .expand{padding:3px 6px}.object-list .object-name[data-group=true]{font-weight:600}.object-list .badge{float:right;color:var(--shape)}.viewport{grid-area:viewport;min-width:0;min-height:0;position:relative}.viewport canvas{touch-action:none;display:block}.path-trace{pointer-events:none;background:repeating-conic-gradient(#3a3a3a 0 25%, #2a2a2a 0 50%) 0 0 / 16px 16px;width:100%;height:100%;position:absolute;inset:0}.marquee{z-index:1;border:1px dashed var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);pointer-events:none;position:absolute}.viewport canvas:focus-visible{outline-offset:-2px}.overlay{z-index:1;font-size:12px;position:absolute}.overlay.top{top:8px;right:8px}.overlay.bottom{align-items:center;gap:6px;display:flex;bottom:8px;left:8px}.overlay.segmented,.overlay .segmented{grid-auto-columns:auto}.overlay button:not([aria-pressed=true]){background:var(--overlay)}.view-cube{perspective:none;width:56px;height:56px;top:44px;right:16px}.view-cube-body{width:56px;height:56px;transform-style:preserve-3d;position:relative}.view-cube-face{backface-visibility:hidden;background:var(--overlay);border:1px solid var(--border);padding:0;font-size:9px;position:absolute;inset:0}.ruler{background:var(--overlay);border:1px solid var(--border);border-radius:var(--radius);cursor:ew-resize;touch-action:none;overflow:hidden}.ruler-yaw{width:320px;height:22px;bottom:44px;left:50%;transform:translate(-50%)}.ruler-pitch{cursor:ns-resize;width:26px;height:240px;top:50%;right:8px;transform:translateY(-50%)}.ruler-tick{color:var(--muted);font-size:9px;position:absolute}.ruler-yaw .ruler-tick{border-left:1px solid var(--muted);height:5px;bottom:0}.ruler-yaw .ruler-tick.major{height:9px;padding-left:2px;line-height:0}.ruler-pitch .ruler-tick{border-top:1px solid var(--muted);width:5px;right:0}.ruler-pitch .ruler-tick.major{width:9px}.ruler-marker{background:var(--accent);position:absolute}.ruler-yaw .ruler-marker{width:2px;top:0;bottom:0;left:50%}.ruler-pitch .ruler-marker{height:2px;top:50%;left:0;right:0}.camera-settings{background:var(--overlay);border:1px solid var(--border);border-radius:var(--radius);width:260px;padding:8px;bottom:44px;left:8px}.display-settings{background:var(--overlay);border:1px solid var(--border);border-radius:var(--radius);width:220px;padding:8px;top:40px;right:8px}.overlay .field{background:var(--overlay);border:1px solid var(--border);border-radius:var(--radius);padding:1px 2px 1px 8px}.overlay select{background:0 0;border:0}.overlay .field .segmented{border:0}.timeline{background:var(--panel);border-top:1px solid var(--border);grid-area:timeline;padding:6px 10px}.timeline-controls{flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:6px;display:flex}.transport button{padding:3px 9px}.track-group{border-left:3px solid;align-items:center;gap:8px;padding-left:8px;display:flex}.track-transform{border-color:var(--transform)}.track-shape{border-color:var(--shape)}.track-label{color:var(--muted);font-size:12px}.timeline-track{cursor:pointer;width:100%;height:56px;display:block}.status{min-height:1.6em;color:var(--muted);background:var(--bg);grid-area:status;padding:3px 10px}.status[data-tone=error]{color:var(--error)}.help{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:16px 20px}.projects{min-width:420px}.projects .control-row{grid-template-columns:minmax(0,1fr) auto}.project-list{gap:4px;max-height:50vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.project-list li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.project-list.components li{grid-template-columns:minmax(0,1fr) auto auto}.project-list small{color:var(--muted)}.export-form{min-width:320px}.export-form .control-row{grid-template-columns:64px minmax(0,1fr)}.help::backdrop{background:#00000080}.help h2{margin:0 0 10px;font-size:15px}.help th{text-align:left;color:var(--muted);padding:3px 16px 3px 0;font-weight:400}.help th.group{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;padding-top:10px;font-size:11px}.help kbd{background:var(--raised);border:1px solid var(--border);border-radius:3px;padding:0 4px;font:12px ui-monospace,monospace}.help-note{max-width:64ch;color:var(--muted);margin:12px 0 0;font-size:12px}.help-note a{color:inherit}.help form{text-align:right;margin-top:12px}body:not([data-rendering]) [data-render-panel],body[data-rendering] .sidebar>section:not([data-render-panel],[data-render-keep]),body[data-rendering] #display-options,body[data-rendering] #display-settings{display:none!important}[data-render-panel] .control-row{grid-template-columns:80px minmax(0,1fr)}[data-render-panel] h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:4px 0 0;font-size:11px;font-weight:600}