#stick-editor{--studio-accent:#ffffff;background:#000000;border:1px solid #292929;border-radius:5px;color:#eee;display:grid;grid-template-columns:214px minmax(0,1fr);grid-template-rows:auto minmax(410px,62vh) auto auto;overflow:hidden;font:13px/1.4 Arial,sans-serif}#stick-editor fieldset{min-width:0;border:0;padding:0;margin:0}#stick-editor button{font:16px "XBAND Rough",monospace;border:1px solid #333333;background:#080808;color:#eee;border-radius:3px;padding:8px;cursor:pointer}#stick-editor button:hover{background:#202020}#stick-editor button:disabled{opacity:.35;cursor:default}#stick-editor button[aria-pressed=true]{border-color:var(--studio-accent);color:var(--studio-accent)}#stick-editor input{font:13px Arial,sans-serif;min-width:0;color:#eee;background:#050505;border:1px solid #444444;padding:5px;box-sizing:border-box}#stick-editor input[type=color]{padding:2px;width:40px;height:28px}#stick-editor input[type=range]{padding:0;accent-color:var(--studio-accent);width:100%}#stick-editor input[type=checkbox]{accent-color:var(--studio-accent)}#stick-editor :focus-visible{outline:2px solid var(--studio-accent);outline-offset:2px}.stick-top{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:10px;background:#000000;border-bottom:1px solid #292929}.stick-top fieldset{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1}.stick-top #stick-title{width:190px}.stick-tools{overflow:auto;padding:12px;border-right:1px solid #292929;background:#000000}.stick-tools fieldset+fieldset{margin-top:18px!important;padding-top:12px!important;border-top:1px solid #292929!important}.stick-tools legend{font:19px "XBAND Rough",monospace;color:var(--studio-accent);padding-bottom:6px}.stick-tools label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0;flex-wrap:wrap}.stick-tools label input[type=number]{width:80px}.stick-tools button{width:100%;margin:3px 0}.stick-tool-row{display:flex;gap:4px}.stick-tool-row button{width:auto;flex:1}#stick-audio-name{display:block;overflow-wrap:anywhere;color:#bbbbbb;font-size:11px}.stick-stage{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;background:#000;overflow:hidden}#stick-canvas{display:block;touch-action:none;outline-offset:3px;box-shadow:0 4px 20px #0008;background:#000000;max-width:100%}.stick-bottom{grid-column:1/-1;background:#000000;border-top:1px solid #292929;padding:10px}.stick-bottom fieldset{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.stick-bottom label{display:flex;align-items:center;gap:5px;font-size:11px}.stick-bottom input[type=number]{width:48px}#stick-frame-label{font:17px "XBAND Rough",monospace;color:var(--studio-accent);margin:0 8px}#stick-frames{display:flex;gap:7px;overflow:auto;max-height:95px;padding:10px 0 2px}.stick-frame{padding:3px!important;flex:none;width:78px}.stick-frame canvas{display:block;width:70px;height:40px}.stick-frame span{display:block;font:13px monospace;margin-top:2px}.stick-frame.is-selected{border-color:var(--studio-accent)!important;background:#222222!important}.stick-status{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 12px;border-top:1px solid #292929;font:11px/1.4 monospace;color:#dddddd}#stick-save-state{color:#999999}#stick-cancel[hidden]{display:none}#stick-editor:fullscreen{width:100vw;height:100dvh;max-width:none;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto auto}.studio-help{font:13px/1.7 monospace;color:#ccc}body:has(#stick-editor) .site{width:min(1600px,calc(100% - 36px));max-width:1600px}@media(max-width:720px){body:has(#stick-editor) .site{width:100%}#stick-editor{grid-template-columns:1fr;grid-template-rows:auto auto 300px auto auto}.stick-tools{display:flex;gap:16px;overflow:auto;max-height:175px;border:0;border-bottom:1px solid #292929;padding:10px}.stick-tools fieldset{flex:0 0 170px}.stick-tools fieldset+fieldset{margin:0!important;padding:0!important;border:0!important}.stick-stage{padding:8px}.stick-top{align-items:flex-start}.stick-top #stick-title{width:160px}.stick-top button,.stick-bottom button{font-size:14px!important;padding:6px!important}.stick-top #stick-fullscreen{font-size:13px!important}.stick-status{font-size:10px}#stick-editor:fullscreen{grid-template-rows:auto 135px minmax(160px,1fr) auto auto;overflow:auto}.studio-help{font-size:12px;padding:0 12px}}

#stick-editor select{background:#050505;color:#fff;border:1px solid #444;padding:6px}.stick-audio-drop{margin:10px 0 0;padding:10px;border:1px dashed #444;background:#050505;color:#bbb;cursor:pointer}.stick-audio-drop.is-dragging{border-color:#fff;background:#222}.stick-audio-drop:focus-visible{outline:2px solid white}.stick-audio-drop small{display:block;color:#888}

.stick-tool-row{display:grid;grid-template-columns:1fr 1fr}#stick-selection-count{display:block;color:#aaa;font:14px "XBAND Rough",monospace}.stick-export-progress{padding:12px 0;color:#fff;font:19px "XBAND Rough",monospace}.stick-export-progress[hidden]{display:none}.stick-export-progress>div{display:flex;justify-content:space-between;gap:12px}.stick-export-progress progress{appearance:none;width:100%;height:10px;margin-top:8px;border:1px solid #555;background:#111;accent-color:#fff}.stick-export-progress progress::-webkit-progress-bar{background:#111}.stick-export-progress progress::-webkit-progress-value{background:#fff}.stick-export-progress progress::-moz-progress-bar{background:#fff}

.stick-export-progress.is-error{color:#ff8f8f}.stick-export-progress a{display:inline-block;margin-top:12px;background:#fff;color:#000;padding:10px 18px;border:1px solid #aaa;text-decoration:none;cursor:pointer;font:20px "XBAND Rough",monospace}.stick-export-progress a[hidden]{display:none}

.stick-sfx{margin:12px 0;background:#000;padding:10px;border:1px solid #292929}.stick-sfx legend{font:18px "XBAND Rough",monospace}.stick-sfx fieldset{gap:8px}.stick-sfx fieldset>span{color:#aaa;font-size:11px}.stick-sfx-scroll{max-height:220px;overflow:auto;margin:10px 0;background:#080808}.stick-sfx #stick-sfx-track{position:relative;min-height:64px;background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,#ffffff09 79px,#ffffff09 80px)}.stick-sfx-ruler{height:25px;border-bottom:1px solid #333;position:relative}.stick-sfx-ruler span{position:absolute;top:3px;color:#999;font:10px monospace}.stick-sfx-clip{position:absolute;height:32px;box-sizing:border-box;min-width:8px;background:#274445;border:1px solid #6e9c99;cursor:grab;touch-action:none;border-radius:3px;overflow:hidden;user-select:none}.stick-sfx-clip.is-selected{background:#3c6768;border-color:#fff}.stick-sfx-clip>span:first-child{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 10px;font:12px monospace;color:#fff}.stick-sfx-handle{position:absolute;top:0;bottom:0;width:9px;background:#ffffff30;cursor:ew-resize}.stick-sfx-handle.in{left:0}.stick-sfx-handle.out{right:0}.stick-sfx-settings input[type=number]{width:76px!important}.stick-sfx-settings #stick-sfx-name{flex-basis:100%;overflow-wrap:anywhere}#stick-sfx-playhead{position:absolute;top:0;bottom:0;border-left:2px solid #ec3333;pointer-events:none;z-index:2}.stick-sfx input[type=range]{width:100px!important}

.stick-library-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;position:sticky;top:-12px;background:#000;z-index:3;padding:4px 0 10px}.stick-library-tabs button{font-size:14px!important;margin:0!important}.stick-library-tabs [aria-selected=true]{background:#292929!important;border-color:#aaa!important}.stick-library-panel[hidden]{display:none!important}.stick-asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.stick-asset-grid button{min-width:0;margin:0!important;padding:5px!important}.stick-asset-grid img{display:block;width:100%;height:84px;object-fit:contain;background:repeating-conic-gradient(#202020 0% 25%,#151515 0% 50%) 50%/12px 12px}.stick-asset-grid span{display:block;font-size:12px;padding:5px 0}.stick-library-panel fieldset+fieldset{margin-top:10px!important}.stick-tools>fieldset{margin-top:14px!important;border-top:1px solid #292929!important;padding-top:10px!important}@media(max-width:720px){.stick-tools{display:block;max-height:300px}.stick-library-tabs{grid-template-columns:repeat(3,minmax(0,1fr));top:-10px}.stick-library-tabs button{font-size:11px!important}.stick-library-panel fieldset{flex:0 0 180px}.stick-library-panel:not([hidden]){display:flex;gap:14px}.stick-library-panel .stick-asset-grid{grid-template-columns:repeat(2,100px)}.stick-tools>fieldset{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stick-tools>fieldset button{width:auto}.stick-tools>fieldset label{width:160px}}

#stick-layers{display:flex;flex-direction:column;gap:4px;margin:10px 0;max-height:250px;overflow:auto}.stick-layer-row{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stick-layer-row[aria-pressed=true]{background:#303030!important}.stick-layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px}.stick-layer-actions button{font-size:12px!important}.stick-library-tabs{grid-template-columns:1fr 1fr}@media(max-width:720px){.stick-library-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}#stick-panel-layers fieldset{flex-basis:100%}}

#stick-frame-tools{margin-top:12px!important;gap:6px}#stick-frame-tools small{flex-basis:100%;color:#aaa}#stick-frame-selected{font:14px "XBAND Rough",monospace;color:#ddd}#stick-frames{touch-action:pan-y;user-select:none;min-height:70px}#stick-frames .stick-frame.is-highlighted{border-color:#8eb9e8!important;background:#243342!important}#stick-frames .stick-frame.is-selected{box-shadow:inset 0 -3px #fff}#stick-frames:focus-visible{outline:1px solid #bbb;outline-offset:3px}

.stick-tool-row{flex-wrap:wrap}.stick-tool-row button{min-width:48px}
.stick-mobile-quick,.stick-mobile-nav{display:none}
@media(max-width:900px){
 body:has(#stick-editor) .site{width:100%;max-width:100%;padding-left:0;padding-right:0}
 #stick-editor,#stick-editor:fullscreen{display:flex;flex-direction:column;height:auto;min-height:85dvh;overflow:visible;border-radius:0}
 #stick-editor:fullscreen{height:100dvh;overflow:auto;padding-bottom:env(safe-area-inset-bottom)}
 #stick-editor>*{min-width:0;max-width:100%;box-sizing:border-box;flex-shrink:0}
 #stick-editor button,#stick-editor input:not([type=checkbox]):not([type=range]),#stick-editor select{min-height:44px;font-size:16px!important;touch-action:manipulation}
 #stick-editor button{padding:10px 8px!important}
 #stick-editor input[type=checkbox]{width:22px;height:22px;flex:none}
 #stick-editor input[type=range]{min-height:40px;touch-action:pan-y}
 #stick-editor input[type=range]::-webkit-slider-thumb{width:26px;height:26px}
 #stick-editor label{font-size:14px;min-height:42px}
 .stick-top{order:0;gap:4px;padding:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .stick-top fieldset{display:contents}
 .stick-top #stick-title{grid-column:1/-1;width:100%}
 .stick-top button{width:100%;min-width:0}
 .stick-stage{order:1;width:100%;height:min(56.25vw,46dvh);aspect-ratio:16/9;padding:4px;position:sticky;top:64px;z-index:5;background:#000;border-bottom:1px solid #444;max-height:46dvh}
 #stick-editor:fullscreen .stick-stage{top:0}
 .stick-mobile-quick{order:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px;background:#111}
 .stick-mobile-nav{order:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px;border-bottom:1px solid #444;background:#000;position:sticky;top:calc(64px + min(56.25vw,46dvh));z-index:6}
 #stick-editor:fullscreen .stick-mobile-nav,#stick-editor.is-focus .stick-mobile-nav{top:min(56.25vw,46dvh)}
 #stick-editor :is(button,input,select){scroll-margin-top:calc(130px + min(56.25vw,46dvh))}
 .stick-mobile-nav [aria-pressed=true]{background:#eee!important;color:#000!important}
 .stick-tools{order:5;display:block;padding:10px;max-height:none;overflow:visible;border:0}
 #stick-editor:not([data-mobile-panel=tools]) .stick-tools{display:none}
 .stick-library-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:static;gap:6px;padding:0 0 10px}
 .stick-library-tabs button{overflow-wrap:anywhere;font-size:14px!important}
 .stick-library-panel:not([hidden]){display:block}
 .stick-tools fieldset,.stick-library-panel fieldset{width:100%;box-sizing:border-box}
 .stick-tools fieldset+fieldset{margin-top:18px!important;padding-top:12px!important;border-top:1px solid #333!important}
 .stick-tools>fieldset{display:block}
 .stick-tools>fieldset label{width:auto}
 .stick-tools label{gap:10px}
 .stick-tools label input[type=range]{flex:1 1 100%;width:100%}
 .stick-tools small{display:block;line-height:1.6;color:#aaa}
 .stick-library-panel .stick-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .stick-asset-grid img{height:110px}
 .stick-tool-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .stick-bottom{order:4;padding:8px;border-top:0}
 .stick-bottom>fieldset:first-child{display:flex;gap:6px}
 .stick-bottom>fieldset:first-child>*{display:none}
 .stick-bottom>fieldset:first-child>:is(#stick-prev,#stick-play,#stick-next,#stick-frame-label){display:block}
 #stick-frame-label{flex:1;text-align:right;font-size:15px}
 #stick-editor[data-mobile-panel=frames] .stick-bottom>fieldset:first-child>:is(#stick-add-frame,#stick-delete-frame),#stick-editor[data-mobile-panel=frames] .stick-bottom>fieldset:first-child>label{display:flex}
 #stick-editor[data-mobile-panel=frames] .stick-bottom>fieldset:first-child>label:has(#stick-mp4-size){display:none}
 #stick-editor[data-mobile-panel=export] .stick-bottom>fieldset:first-child>:is(#stick-png,#stick-gif,#stick-video,#stick-mp4),#stick-editor[data-mobile-panel=export] .stick-bottom>fieldset:first-child>label:has(#stick-mp4-size){display:flex}
 #stick-editor:not([data-mobile-panel=frames]) :is(#stick-frame-tools,#stick-frames){display:none}
 #stick-editor:not([data-mobile-panel=sound]) :is(.stick-sfx,#stick-audio-drop){display:none}
 #stick-frame-tools{display:grid;grid-template-columns:1fr 1fr}
 #stick-frame-tools>:is(small,output,label){grid-column:1/-1}
 #stick-frames{max-height:none;min-height:90px;padding-bottom:12px;touch-action:pan-x pan-y}
 .stick-sfx{padding:8px;margin:10px 0}
 .stick-sfx-scroll{max-height:260px;overscroll-behavior:contain}
 .stick-sfx-clip{height:32px}.stick-sfx-handle{width:16px}
 .stick-sfx-settings{display:grid!important;grid-template-columns:1fr 1fr}
 .stick-sfx-settings>:is(span,button){grid-column:1/-1}
 .stick-sfx-settings label{display:flex;flex-wrap:wrap}
 .stick-sfx-settings input[type=number]{width:100%!important}
 .stick-status{order:6;padding-bottom:max(12px,env(safe-area-inset-bottom))}
 #stick-layers{max-height:none}
 .studio-help{padding:0 12px}
}
@media(max-width:900px) and (orientation:landscape){.stick-stage{max-height:64dvh}.stick-mobile-quick{grid-template-columns:repeat(8,minmax(0,1fr))}}

#stick-editor.is-focus{position:fixed;inset:0;z-index:2147483000;height:100dvh;overflow:auto;margin:0;width:100%;max-width:none;background:#000}#stick-editor.is-focus .stick-stage{top:0}

.stick-puppet-switch{display:flex;align-items:center;gap:7px;cursor:pointer}.stick-mobile-quick .stick-puppet-switch{margin:0;background:#080808;border:1px solid #333;border-radius:3px;justify-content:center;font:14px "XBAND Rough",monospace;min-height:44px}.stick-puppet-switch input{accent-color:#fff}