:root{color-scheme:dark;background:#100d0c}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:system-ui,sans-serif}.app-shell{display:flex;width:100%;height:100dvh;min-height:0;background:#080706}.stage-shell{display:flex;flex:1 1 auto;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;background:#080706}.viewport{position:relative;flex:0 0 auto;overflow:hidden;isolation:isolate;background:#100d0c;touch-action:none}.viewport canvas,.viewport .reference{position:absolute;inset:0;display:block;width:100%;height:100%}.viewport canvas,.viewport .reference{pointer-events:none}.viewport .reference{object-fit:cover}#controls.sh-panel{position:relative;inset:auto;flex:0 0 330px;width:330px;max-width:none;height:100%;border-left:1px solid rgba(182,229,229,.18);background:#101313;-webkit-backdrop-filter:none;backdrop-filter:none}#controls.sh-panel.collapsed{flex-basis:0;width:0;border-left:0}.panel-intro,.panel-status{padding:12px 16px;color:#b4bdbb;line-height:1.45;font-size:12px}.panel-intro{border-bottom:1px solid rgba(182,229,229,.12)}.panel-intro strong{display:block;margin-bottom:5px;color:#eff7f3;font-size:14px}.panel-status{border-top:1px solid rgba(182,229,229,.12)}.panel-status[data-state=error]{color:#ffb7a7}.panel-status[data-state=ready]{color:#b9eae3}.sh-folder.layer-list:not(.collapsed)>.sh-folder-body{max-height:none}.sh-folder.layer-list>.sh-folder-body>.sh-folder{margin:0 0 8px 9px;padding-left:9px;border-left:1px solid rgba(182,229,229,.18)}@media(max-width:700px){.app-shell{flex-direction:column}#controls.sh-panel{flex:0 0 43dvh;width:100%;height:43dvh;border-left:0;border-top:1px solid rgba(182,229,229,.18)}#controls.sh-panel.collapsed{flex-basis:0;width:100%;height:0;border-top:0}}.layer-search{padding:4px 0 12px}.layer-search input{width:100%;padding:9px 10px;border:1px solid rgba(182,229,229,.18);border-radius:3px;background:#171c1c;color:#eff7f3;font:inherit;font-size:12px}.layer-search input:focus{outline:1px solid #b9eae3}.layer-toggle-row>.sh-label{display:flex;align-items:center;gap:8px;min-width:0}.layer-toggle-row>.sh-switch{flex-shrink:0}.layer-thumbnail{display:block;flex:0 0 24px;width:24px;height:24px;object-fit:cover;border-radius:2px;border:1px solid rgba(182,229,229,.18);background:#171c1c}.animation-hint,.animation-status,.keyframe-note{margin:0 0 10px;color:#b4bdbb;font-size:11px;line-height:1.5}.animation-status{margin:8px 0 0;color:#b9eae3}.animation-duration{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:#eff7f3;font-size:12px}.animation-duration input{width:80px;min-width:0;padding:6px;border:1px solid rgba(182,229,229,.25);border-radius:3px;background:#171c1c;color:#eff7f3;font:inherit}.animation-duration input:focus-visible,.animation-buttons button:focus-visible{outline:2px solid #b9eae3;outline-offset:2px}.animation-buttons{display:flex;gap:8px}.animation-buttons .sh-btn{flex:1 1 0;width:auto;margin:0}.animation-buttons .sh-btn:disabled{opacity:.4;cursor:default}.layer-keyframes{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(182,229,229,.12)}.layer-keyframes .keyframe-note{margin:6px 0 0}.layer-keyframes [data-saved=true]{border-color:#b9eae399}