:root{--bg:#222;--bg-bar:#151515;--bg-panel:#1a1a1a;--bg-input:#111;--line:#333;--text:#ddd;--dim:#888;--accent:#8f8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:13px Courier New,monospace}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}#app{visibility:visible;flex-direction:column;height:100%;display:flex}button,select,input{font:inherit;color:inherit}button,.btn{color:#000;cursor:pointer;white-space:nowrap;background:#ddd;border:0;border-radius:3px;padding:3px 8px;font-weight:700}button:hover:not(:disabled),.btn:hover{background:#fff}button:disabled{opacity:.4;cursor:default}select,input[type=text],input[type=number]{background:var(--bg-input);border:1px solid #555;border-radius:3px;padding:1px 4px}.spacer{flex:1}.dim{color:var(--dim)}.topbar{background:var(--bg-bar);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:6px 10px;display:flex}.app-name{color:#fff;font-size:17px}.main{flex:1;min-height:0;display:flex}#btn-sidebar-toggle{padding:2px 7px;font-size:15px}#library-error{color:#f66;background:#400;border:1px solid #c42412;border-radius:3px;padding:2px 8px}#sidebar{--sidebar-w:184px;width:var(--sidebar-w);border-right:1px solid var(--line);background:#191919;flex:none;transition:width .2s,border-color .2s;overflow:hidden}#sidebar.collapsed{border-right-color:#0000;width:0}#sidebar.drop-target,#gallery.drop-target{outline:3px dashed var(--accent);outline-offset:-3px}.sidebar-inner{width:var(--sidebar-w);box-sizing:border-box;flex-direction:column;gap:8px;height:100%;padding:8px;display:flex}#btn-new{background:var(--accent)}#template-menu{flex-direction:column;gap:3px;display:flex}#template-menu button{text-align:left;color:var(--text);background:#333;font-weight:400}#template-menu button:hover{background:#444}#lib-list{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow-y:auto}.sidebar-foot{flex-direction:column;gap:6px;display:flex}.sidebar-foot .row{gap:6px;display:flex}.sidebar-foot .row button{flex:1}#backup-nudge{color:#fc4;border:1px solid #fc4;border-radius:3px;flex-direction:column;gap:4px;padding:6px;font-size:12px;display:flex}.lib-item,.gallery-item{cursor:pointer;border:1px solid #0000;border-radius:3px;padding:3px;position:relative}.lib-item:hover,.gallery-item:hover{background:#262626}.lib-item.current{border-color:var(--accent)}.thumb{aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:2px;width:100%;display:block}.thumb.placeholder{color:var(--dim);background:repeating-linear-gradient(45deg,#222 0 8px,#1c1c1c 8px 16px);place-items:center;display:grid}.lib-item .name,.gallery-item .name{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;overflow:hidden}.lib-item .meta,.gallery-item .meta{color:var(--dim);font-size:11px}.lib-item .delete,.gallery-item .delete{opacity:0;color:#f66;background:#000a;padding:0 5px;position:absolute;top:5px;right:5px}.lib-item:hover .delete,.gallery-item:hover .delete,.delete:focus{opacity:1}#gallery{z-index:10;background:#000b;place-items:center;display:grid;position:fixed;inset:0}.gallery-box{box-sizing:border-box;background:var(--bg-panel);border:1px solid var(--line);border-radius:4px;flex-direction:column;gap:10px;width:min(1200px,92vw);height:88vh;padding:12px;display:flex;overflow-y:auto}.gallery-box header{align-items:center;gap:10px;display:flex}.gallery-box header b{color:#fff;font-size:16px}#gallery-search{background:var(--bg-input);border:1px solid #555;border-radius:3px;width:24ch;padding:1px 4px}#gallery-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.gallery-box h5{color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin:8px 0 0;font-size:11px}#gallery-deleted{flex-direction:column;gap:4px;display:flex}.gallery-danger{border-top:1px solid #333;justify-content:flex-end;margin-top:16px;padding-top:10px;display:flex}.gallery-danger button.danger{color:#ff7a7a;background:#3a1010;border:1px solid #a33}.gallery-danger button.danger:hover{color:#fff;background:#5a1414}.deleted-item{align-items:center;gap:10px;display:flex}.deleted-item .name{min-width:16ch}.left{flex-direction:column;flex:none;gap:8px;width:clamp(420px,44vw,1100px);padding:8px;display:flex;overflow-y:auto}#canvas-host{width:min(100%, calc(70vh * var(--canvas-w,16) / var(--canvas-h,9)));aspect-ratio:var(--canvas-w,16) / var(--canvas-h,9);box-sizing:border-box;background:repeating-conic-gradient(#2a2a2a 0 25%, #333 0 50%) 0 0 / 20px 20px;border:2px solid #000;flex:none;align-self:center;position:relative}#canvas-host.drop-target{outline:3px dashed var(--accent);outline-offset:-3px}#drop-overlay{z-index:2;background:0 0;position:absolute;inset:0}#safe-start{z-index:1;background:var(--accent);width:max-content;height:max-content;margin:auto;padding:12px 24px;font-size:20px;position:absolute;inset:0}.transport{align-items:center;gap:4px;display:flex}.transport.disabled>:not(#btn-restart):not(#btn-fullscreen):not(#btn-screenshot){opacity:.4}#time-display{text-align:right;background:var(--bg-input);border:1px solid #444;min-width:6ch;padding:1px 4px}#time-slider{flex:1;min-width:60px}.panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:4px;padding:6px 8px}.panel h5{color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin:0 0 6px;font-size:11px}.panel .grid{grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:6px 10px;display:grid}.panel .row{align-items:center;gap:6px;display:flex}.panel input[type=number]{width:6ch}#bg-color{background:0 0;border:1px solid #555;width:32px;height:20px;padding:0}#image-name{text-overflow:ellipsis;white-space:nowrap;max-width:12ch;overflow:hidden}button.capture{background:var(--accent);width:100%;padding:8px;font-size:15px;display:block}#capture-panel .grid{margin-bottom:8px}#capture-panel select{max-width:16ch}#cap-fps-hint{font-size:11px}#capture-progress{width:100%;accent-color:var(--accent);margin-top:6px;display:block}#capture-message{color:#fc4;white-space:pre-wrap;margin-top:6px}#capture-message:empty{display:none}#gif-preview{z-index:10;background:#000b;place-items:center;display:grid;position:fixed;inset:0}.gif-box{box-sizing:border-box;background:var(--bg-panel);border:1px solid var(--line);border-radius:4px;flex-direction:column;gap:10px;max-width:92vw;max-height:92vh;padding:12px;display:flex}.gif-box header{align-items:center;gap:10px;display:flex}.gif-box header b{color:#fff;font-size:16px}#gif-warning{color:#fc4}#gif-image{object-fit:contain;background:repeating-conic-gradient(#2a2a2a 0 25%, #333 0 50%) 0 0 / 20px 20px;align-self:center;max-width:100%;min-height:0;max-height:calc(92vh - 90px)}.right{flex-direction:column;flex:1;gap:6px;min-width:0;padding:8px 8px 8px 0;display:flex;position:relative}.namebar{align-items:center;gap:6px;display:flex}#creation-name{color:#fff;background:0 0;border:0;border-bottom:1px dashed #555;border-radius:0;flex:1;min-width:0;font-size:17px}#creation-name:focus{border-bottom-color:var(--accent);outline:none}#modified-dot{color:#fc4;font-size:16px}button.save{background:#8ff}#btn-discard{color:var(--text);background:#444;font-weight:400}#history-panel{z-index:5;background:var(--bg-panel);border:1px solid #555;border-radius:4px;width:300px;max-height:60vh;padding:8px;position:absolute;top:40px;right:8px;overflow-y:auto;box-shadow:0 6px 20px #000a}#history-panel h5{color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin:0 0 6px;font-size:11px}#history-panel .version{align-items:center;gap:8px;padding:3px 0;display:flex}#history-panel .version.viewed .n{color:var(--accent)}#history-panel .n{color:#fff;min-width:4ch}button.share{background:#ff8}#editor{border:2px solid #000;flex:1;min-height:0;font-size:13px;overflow:hidden}#editor .cm-editor{height:100%}#editor .cm-scroller{font-family:Courier New,monospace;line-height:1.4}#editor .cm-errorLine{background-color:#f004}#error-bar{white-space:pre-wrap;color:#ff5c7a;background:#141416;border:2px solid #000;border-top:1px solid #333;max-height:30%;margin-top:-6px;padding:6px 8px;font:12px/1.4 ui-monospace,Cascadia Mono,Consolas,Menlo,monospace;overflow:auto}#error-bar .error-frame{color:#c78a96;padding-left:2ch}#console-bar{white-space:pre-wrap;color:#bbb;border:1px solid var(--line);background:#111;border-radius:3px;max-height:8em;padding:4px 8px;overflow:auto}.status{color:#aaa;align-items:center;gap:12px;display:flex}.status .big{color:#fff;font-size:15px}.status .big.over{color:#f55}#help-panel{z-index:10;background:#000b;place-items:center;display:grid;position:fixed;inset:0}.help-box{box-sizing:border-box;background:var(--bg-panel);border:1px solid var(--line);border-radius:4px;width:min(760px,92vw);max-height:88vh;padding:12px 16px;overflow-y:auto}.help-box header{align-items:center;gap:10px;display:flex}.help-box header b{color:#fff;font-size:16px}.help-box h5{color:var(--accent);margin:14px 0 4px}.help-box h6{color:#fff;margin:8px 0 2px;font-size:13px}.help-box ul{margin:0;padding-left:18px}.help-box dl{grid-template-columns:max-content 1fr;gap:2px 16px;margin:0;display:grid}.help-box dt{color:#fff}.help-box dd{color:var(--dim);margin:0}.help-templates{flex-wrap:wrap;gap:6px;display:flex}