:root{--bg-0: #fdf6e3;--bg-1: #eee8d5;--bg-2: #f8f2e0;--bg-3: #f1e2b8;--border: #ddd0a8;--text: #073642;--text-dim: #657b83;--accent: #cb4b16;--accent-dim: #fbe1d0;--danger: #dc322f;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg-0);color:var(--text);font-size:13px;overflow:hidden;user-select:none}@media (min-width: 1920px){html,body{font-size:15px}.panel-title{font-size:12.5px}.lib-item,.prop-row,.tl-toolbar,.tl-layer-row,#menubar button,.panel-title button,button.icon-btn{font-size:13px}}@media (min-width: 2600px){html,body{font-size:17px}.panel-title{font-size:14px}.lib-item,.prop-row,.tl-toolbar,.tl-layer-row,#menubar button,.panel-title button,button.icon-btn{font-size:14.5px}}#app{display:grid;grid-template-rows:auto 1fr auto;height:100vh}#menubar{display:flex;align-items:center;gap:4px;background:var(--bg-1);border-bottom:1px solid var(--border);padding:4px 8px;overflow-x:auto;scrollbar-width:thin}#menubar .brand{font-weight:600;color:var(--accent);margin-right:12px;flex:none}#menubar button{display:inline-flex;align-items:center;gap:5px;flex:none;background:transparent;border:1px solid transparent;color:var(--text);padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px}#menubar button:hover{background:var(--bg-3);border-color:var(--border)}#menubar button:disabled{opacity:.35;cursor:default}#menubar button:disabled:hover{background:transparent}@media (pointer: coarse),(max-width: 1024px){#menubar button{padding:8px 12px;min-height:40px}}#menubar .spacer{flex:1}#menubar input[type=number]{width:50px;flex:none;background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:3px}#menubar label{color:var(--text-dim);margin-left:6px;font-size:12px;flex:none}#menubar input[type=text]{flex:none}#main{display:grid;grid-template-columns:44px 1fr 5px 260px;min-height:0}@media (pointer: coarse),(max-width: 1024px){#main{grid-template-columns:56px 1fr 5px 260px}}#sidebar-resizer{cursor:col-resize;background:var(--border);position:relative}#sidebar-resizer:hover,#sidebar-resizer.dragging{background:var(--accent)}#sidebar-toggle-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:32px;border-radius:3px;background:var(--bg-3);border:1px solid var(--border);color:var(--text);cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;padding:0}#sidebar-toggle-btn:hover{background:var(--accent-dim);border-color:var(--accent)}@media (max-width: 1024px){#sidebar-resizer{cursor:pointer}}#sidebar.overlay-mode{position:fixed;top:0;right:0;bottom:0;width:min(340px,88vw);z-index:60;box-shadow:-10px 0 30px #07364259}#sidebar-backdrop{position:fixed;inset:0;background:#07364259;z-index:55;opacity:0;pointer-events:none;transition:opacity .15s ease}#sidebar-backdrop.visible{opacity:1;pointer-events:auto}#toolbar{background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:6px 0;gap:2px;overflow-y:auto}.tool-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text);cursor:pointer;font-size:15px}.tool-btn svg{width:18px;height:18px}.tool-btn:hover{background:var(--bg-3)}.tool-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}@media (pointer: coarse),(max-width: 1024px){.tool-btn{width:48px;height:48px}.tool-btn svg{width:24px;height:24px}}@media (min-width: 1920px) and (pointer: fine){.tool-btn{width:42px;height:42px}.tool-btn svg{width:21px;height:21px}}.tool-color-row{display:flex;flex-direction:column;gap:4px;margin-top:8px}.tool-color-row input[type=color]{width:26px;height:20px;padding:0;border:1px solid var(--border);background:none;cursor:pointer}#stage-wrap{background:#e9dfc2;display:flex;align-items:center;justify-content:center;overflow:auto;position:relative}#stage-container{background:#fff;box-shadow:0 0 0 1px var(--text),0 8px 24px #07364247;touch-action:none}#stage-wrap .edit-path-banner{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:6px;background:var(--bg-2);border:1px solid var(--accent);color:var(--text);padding:4px 10px;border-radius:4px;font-size:12px;cursor:pointer;z-index:5}#sidebar{background:var(--bg-1);border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.panel{display:flex;flex-direction:column;flex:1 1 0;min-height:0;border-bottom:1px solid var(--border);overflow:hidden}.panel.collapsed{flex:none}.panel.collapsed .panel-body{display:none}.panel-body{flex:1;overflow-y:auto;padding:6px;min-height:0}.panel-title{flex:none;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);padding:6px;border-bottom:1px solid var(--border);display:flex;gap:6px;justify-content:space-between;align-items:center}.panel-title button{display:inline-flex;align-items:center;gap:4px;background:var(--bg-3);border:1px solid var(--border);color:var(--text);border-radius:3px;cursor:pointer;font-size:11px;padding:2px 6px}.panel-title .panel-collapse-btn{padding:2px 5px}.panel-title .panel-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:3px;cursor:pointer}.lib-item:hover{background:var(--bg-2)}.lib-item.selected{background:var(--accent-dim)}.lib-item .icon{color:var(--accent);display:flex}.lib-item .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-item button{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:3px;cursor:pointer;width:20px;height:20px;padding:0;flex:none}.lib-item button:hover{background:var(--bg-3)}.lib-empty{color:var(--text-dim);font-style:italic;padding:6px}.prop-group{margin-bottom:10px}.prop-row{display:flex;align-items:center;gap:6px;margin-bottom:5px}.prop-row label{width:70px;color:var(--text-dim);font-size:11px}.prop-row input[type=number],.prop-row input[type=text]{flex:1;background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:4px;width:0}.prop-row input[type=color]{width:28px;height:22px;padding:0;border:1px solid var(--border);background:none;cursor:pointer}.prop-row select{flex:1;background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:3px}.prop-row button{background:var(--bg-3);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:4px 8px;cursor:pointer}.prop-empty{color:var(--text-dim);font-style:italic;padding:6px}#timeline{background:var(--bg-1);border-top:1px solid var(--border);height:220px;display:flex;flex-direction:column;overflow:hidden}#timeline.collapsed{height:auto}#timeline.collapsed .tl-body{display:none}.tl-toolbar{flex:none;display:flex;align-items:center;gap:4px;padding:3px 8px;background:var(--bg-2);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:thin}.tl-toolbar>*{flex:none}.tl-toolbar .sep{width:1px;align-self:stretch;background:var(--border);margin:0 4px}.tl-toolbar .frame-info{color:var(--text-dim);font-size:11px;margin-left:auto}.tl-body{flex:1;min-height:0;display:grid;grid-template-columns:160px 1fr;grid-template-rows:20px 1fr;overflow:hidden}.tl-header{display:flex;align-items:center;gap:6px;padding:0 6px;background:var(--bg-2);border-bottom:1px solid var(--border);border-right:1px solid var(--border);grid-column:1;grid-row:1;font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.tl-header button{background:var(--bg-3);border:1px solid var(--border);color:var(--text);border-radius:3px;cursor:pointer;width:22px;height:22px}.tl-layers{overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--border);grid-column:1;grid-row:2}.tl-layer-row{display:flex;align-items:center;gap:4px;height:24px;padding:0 6px;border-bottom:1px solid var(--bg-0);cursor:pointer;font-size:12px}.tl-layer-row.selected{background:var(--bg-3)}.tl-layer-row .layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-layer-row .mini-btn{width:16px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-dim)}.tl-layer-row .mini-btn.active{color:var(--accent)}.tl-tracks-scroll{grid-column:2;grid-row:1 / span 2;overflow:auto;position:relative}.tl-ruler{display:flex;background:var(--bg-2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:3;height:20px}.tl-ruler .cell{width:16px;flex:none;border-right:1px solid var(--bg-0);font-size:9px;color:var(--text-dim);text-align:center;cursor:pointer}.tl-ruler .cell.has-label{color:var(--accent)}.tl-ruler .cell svg{width:11px;height:11px;vertical-align:-2px}.tl-track-row{display:flex;height:24px;border-bottom:1px solid var(--bg-0);position:relative}.tl-frame-cell{width:16px;flex:none;border-right:1px solid var(--bg-0);background:var(--bg-1);position:relative;cursor:pointer}.tl-frame-cell.has-content{background:var(--bg-3)}.tl-frame-cell.tweened{background:var(--accent-dim)}.tl-frame-cell.keyframe:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:7px;height:7px;border-radius:50%;background:var(--text)}.tl-frame-cell.blank-keyframe:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:7px;height:7px;border-radius:50%;border:1px solid var(--text-dim);background:transparent}.tl-frame-cell.selected{outline:1px solid var(--accent);outline-offset:-1px}.tl-frame-cell.tween-arrow-end:before{content:"▶";position:absolute;top:0;right:1px;font-size:7px;line-height:1;color:var(--accent)}.tl-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--accent);z-index:2;pointer-events:none}.tl-playhead:before{content:"";position:absolute;top:-1px;left:-5px;width:11px;height:9px;background:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%)}button.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:3px;cursor:pointer;padding:3px 6px}button.icon-btn:hover{background:var(--bg-3)}button.icon-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}button.icon-btn:disabled{opacity:.4;cursor:default}@media (pointer: coarse),(max-width: 1024px){button.icon-btn{padding:7px 10px;min-height:36px}.panel-title button{padding:6px 9px;min-width:30px;min-height:30px}.lib-item button{width:30px;height:30px}.lib-item{padding:7px 6px}.tl-layer-row .mini-btn{width:26px}.tl-layer-row,.tl-track-row{height:34px}.tl-header button{width:30px;height:30px}.prop-row input[type=number],.prop-row input[type=text],.prop-row select{padding:8px;font-size:13px}.prop-row input[type=color]{width:34px;height:28px}}