[hidden]{display:none!important}
body{--planet-x:78%;--planet-y:68%}
.app{display:grid;grid-template-columns:minmax(230px,280px) minmax(360px,1fr) minmax(260px,320px);gap:16px;align-items:start}
.panel,.workspace{background:var(--glass-sheen),var(--glass);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--glass-edge),var(--shadow);backdrop-filter:var(--glass-blur)}
.panel{max-height:calc(100vh - 220px);overflow:auto}.sec{padding:16px;border-bottom:1px solid var(--border)}.sec:last-child{border:0}
.sec-title{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.sec-title small{font-weight:600;color:var(--faint);letter-spacing:0;text-transform:none}
.drop{display:flex;min-height:110px;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--border-2);border-radius:14px;background:var(--inset);cursor:pointer;transition:.2s}.drop:hover,.drop.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--inset))}.drop span{font-weight:700}.drop small{color:var(--faint);margin-top:4px}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.controls .row{margin-top:10px}.danger{color:#ffaaaa}.wide{width:100%;margin-top:12px}
.element-list,.tracks{display:flex;flex-direction:column;gap:6px}.element-list{max-height:330px;overflow:auto}.element-btn{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:1px solid transparent;background:rgba(255,255,255,.025);color:var(--dim);padding:8px 10px;border-radius:10px;cursor:pointer}.element-btn:hover{background:rgba(255,255,255,.06)}.element-btn.active{border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--text);background:color-mix(in srgb,var(--accent) 10%,transparent)}.element-btn code{color:var(--accent);font-size:.72rem}.empty-list{color:var(--faint);font-size:.82rem;padding:10px 2px}
.workspace{padding:14px;min-width:0}.stage-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.stage-bar .row{flex-wrap:nowrap}.zoom-label{font-size:.78rem;color:var(--faint)}
.stage-shell{height:min(58vh,640px);min-height:360px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:16px;background-color:#17191b;background-image:linear-gradient(45deg,#1d2022 25%,transparent 25%),linear-gradient(-45deg,#1d2022 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1d2022 75%),linear-gradient(-45deg,transparent 75%,#1d2022 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
.stage{width:100%;height:100%;display:grid;place-items:center;padding:30px}.stage svg{display:block;max-width:100%;max-height:100%;width:auto;height:auto;filter:drop-shadow(0 12px 22px rgba(0,0,0,.3));overflow:visible}.stage [data-fastsvg-id]{cursor:pointer}.stage .fastsvg-selected{filter:drop-shadow(0 0 3px var(--accent)) drop-shadow(0 0 8px var(--accent))}
.empty{position:absolute;display:flex;flex-direction:column;text-align:center;pointer-events:none;color:var(--dim)}.empty span{font-size:.82rem;color:var(--faint);margin-top:5px}
.timeline{padding:14px 4px 2px}.time-head,.ticks{display:flex;justify-content:space-between;color:var(--faint);font-size:.72rem}.time-head{margin-bottom:4px}.time-head span:first-child{color:var(--accent);font-family:var(--mono)}#scrubber{width:100%;accent-color:var(--accent)}
.editor[aria-disabled="true"]{opacity:.4;pointer-events:none}.field{display:flex;flex-direction:column;gap:5px;color:var(--dim);font-size:.75rem;font-weight:600}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.field input,.field select{width:100%;background:var(--inset);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:8px;font:inherit}.field select option{background:var(--surface)}
.track{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:9px 10px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.025)}.track b{font-size:.8rem}.track span{font-size:.72rem;color:var(--faint)}.track button{grid-row:1/3;grid-column:2;background:none;border:0;color:var(--faint);cursor:pointer;font-size:1rem}.track button:hover{color:var(--err)}.status{font-size:.76rem;color:var(--faint);margin-top:10px}.status.ok{color:var(--accent)}
@media(max-width:1100px){.app{grid-template-columns:240px 1fr}.inspector{grid-column:1/-1;max-height:none;display:grid;grid-template-columns:1fr 1fr 1fr}.inspector .sec{border-bottom:0;border-right:1px solid var(--border)}}
@media(max-width:760px){.app{grid-template-columns:1fr}.panel{max-height:none}.inspector{display:block;grid-column:auto}.inspector .sec{border-right:0;border-bottom:1px solid var(--border)}.stage-shell{min-height:300px;height:48vh}.stage-bar{align-items:flex-start}.zoom-label{display:none}}