@import "https://fonts.googleapis.com/css2?family=VT323&family=Press+Start+2P&family=Silkscreen:wght@400;700&family=Orbitron:wght@400;700&family=Audiowide&family=Bangers&family=Black+Ops+One&family=Permanent+Marker&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--win-bg:silver;--win-highlight:#fff;--win-shadow:gray;--win-dark-shadow:#404040;--win-title:navy;--win-title-text:#fff;--btn-face:silver;--active-tool:navy;--active-tool-text:#fff;--teal-accent:teal;--hot-pink:#f0f;--cyber-yellow:#ff0;--neon-green:#0f0;--electric-blue:#00f}body{color:#000;min-height:100vh;image-rendering:pixelated;justify-content:center;align-items:flex-start;padding:20px;font-family:VT323,Courier New,monospace;display:flex}body.bg-theme-teal{background-color:teal;background-image:radial-gradient(circle at 20% 50%, #008080cc 0%, transparent 50%), radial-gradient(circle at 80% 20%, #00008066 0%, transparent 50%), repeating-conic-gradient(#007070 0% 25%, teal 0% 50%) 0 0 / 16px 16px}body.bg-theme-blue{background-color:#2e4f87;background-image:radial-gradient(circle at 18% 24%, #bee6ff73 0%, transparent 32%), radial-gradient(circle at 82% 18%, #466ebeb3 0%, transparent 40%), linear-gradient(135deg, #ffffff14 25%, transparent 25%) 0 0 / 18px 18px, linear-gradient(315deg, #00143c24 25%, transparent 25%) 0 0 / 18px 18px, linear-gradient(180deg, #4f73af 0%, #2e4f87 100%)}body.bg-theme-tiles{background-color:#d6ebff;background-image:url(/assets/stars-DAx7nHOf.webp);background-repeat:repeat;background-size:300px 300px}body.bg-theme-biggif{background-color:#06111f;background-image:url(/assets/bigbg-5dOxZrjU.gif);background-position:50%;background-repeat:no-repeat;background-size:cover}#root{width:100%;max-width:980px}.outset{border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);box-shadow:inset 1px 1px 0 var(--win-highlight), inset -1px -1px 0 var(--win-shadow)}.inset{border:2px solid;border-color:var(--win-shadow) var(--win-highlight) var(--win-highlight) var(--win-shadow);box-shadow:inset 1px 1px 0 var(--win-dark-shadow), inset -1px -1px 0 #dfdfdf}.app-window{background:var(--win-bg);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);box-shadow:1px 1px 0 var(--win-dark-shadow), 4px 4px 0 #0000004d;margin:0 auto}.title-bar{-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,navy,#1084d0);justify-content:space-between;align-items:center;padding:3px 4px;display:flex}.title-bar-left{align-items:center;gap:4px;display:flex}.title-icon{font-size:14px;line-height:1}.title-text{color:var(--win-title-text);letter-spacing:.5px;text-shadow:1px 1px #00000080;font-family:"Press Start 2P",monospace;font-size:10px;font-weight:700}.title-bar-buttons{gap:2px;display:flex}.win-btn{background:var(--btn-face);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);cursor:pointer;justify-content:center;align-items:center;width:18px;height:16px;padding:0;font-family:VT323,monospace;font-size:10px;line-height:1;display:flex}.win-btn:active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}.menu-bar{background:var(--win-bg);border-bottom:1px solid var(--win-shadow);z-index:100;gap:0;padding:2px 4px;display:flex;position:relative}.menu-item{cursor:default;-webkit-user-select:none;user-select:none;padding:2px 8px;font-size:18px}.menu-item:hover,.menu-item-open{background:var(--win-title);color:#fff}.menu-item u{text-decoration:underline}.menu-dropdown-wrap{position:relative}.menu-dropdown{background:var(--win-bg);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);z-index:200;min-width:180px;padding:2px;position:absolute;top:100%;left:0;box-shadow:2px 2px #0000004d}.menu-dropdown-item{text-align:left;cursor:pointer;color:#000;white-space:nowrap;background:0 0;border:none;width:100%;padding:4px 20px 4px 8px;font-family:VT323,monospace;font-size:18px;display:block}.menu-dropdown-item:hover:not(:disabled){background:var(--win-title);color:#fff}.menu-dropdown-item:disabled{color:var(--win-shadow);cursor:default}.menu-separator{background:var(--win-shadow);height:1px;margin:2px 4px}.menu-dialog-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.menu-dialog{background:var(--win-bg);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);width:340px;max-width:95vw;box-shadow:4px 4px #0006}.menu-dialog-wide{width:480px}.menu-dialog-body{flex-direction:column;gap:8px;padding:16px;display:flex}.about-title{color:navy;text-align:center;font-family:"Press Start 2P",monospace;font-size:14px}.about-version{color:gray;text-align:center;font-family:VT323,monospace;font-size:16px}.about-text{color:#000;font-family:VT323,monospace;font-size:17px;line-height:1.2}.about-footer{color:gray;text-align:center;margin-top:4px;font-family:VT323,monospace;font-size:14px}.help-section{margin-bottom:4px}.help-heading{color:navy;margin-bottom:2px;font-family:"Press Start 2P",monospace;font-size:8px}.help-text{color:#000;font-family:VT323,monospace;font-size:17px;line-height:1.15}.menu-dialog-ok{background:var(--btn-face);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);cursor:pointer;align-self:center;margin-top:4px;padding:4px 32px;font-family:VT323,monospace;font-size:18px}.menu-dialog-ok:hover{background:#d4d4d4}.menu-dialog-ok:active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}.background-theme-switcher{z-index:1400;background:0 0;align-items:center;gap:6px;padding:0;display:flex;position:fixed;bottom:12px;right:12px}.background-theme-label{color:#111;font-family:Times New Roman,Times,serif;font-size:14px}.background-theme-select{color:#111;background:#fff;border:1px solid #7f9db9;min-width:140px;padding:1px 2px;font-family:Times New Roman,Times,serif;font-size:14px}.workspace{align-items:flex-start;gap:6px;padding:6px;display:flex}.sidebar-left{flex-direction:row;flex:none;align-items:flex-start;gap:6px;display:flex}.sidebar-tools{flex-direction:column;flex:none;gap:6px;display:flex}.sidebar-tool-detail{flex:none}.win98-groupbox{border:2px solid;border-color:var(--win-shadow) var(--win-highlight) var(--win-highlight) var(--win-shadow);margin:0;padding:6px 4px 4px}.win98-groupbox legend{color:#000;padding:0 4px;font-family:VT323,monospace;font-size:16px}.toolbox-grid{grid-template-columns:repeat(2,28px);gap:2px;display:grid}.toolbox-btn{background:var(--btn-face);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);cursor:pointer;color:#000;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-family:VT323,monospace;font-size:16px;display:flex}.toolbox-btn:hover{background:#d4d4d4}.toolbox-btn:active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}.toolbox-btn.active{background:var(--active-tool);color:var(--active-tool-text);border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow);box-shadow:inset 1px 1px 2px #00000080}.toolbox-btn:disabled{color:var(--win-shadow);text-shadow:1px 1px 0 var(--win-highlight);cursor:default}.toolbox-btn:disabled:active{border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight)}.toolbox-icon{font-size:14px;line-height:1}.undo-toolbox-btn{grid-column:1/-1}.tool-name-display{text-align:center;color:var(--win-dark-shadow);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-family:"Press Start 2P",monospace;font-size:7px}.palette-grid{background:var(--win-dark-shadow);border:2px solid;border-color:var(--win-shadow) var(--win-highlight) var(--win-highlight) var(--win-shadow);grid-template-columns:repeat(4,14px);gap:1px;padding:1px;display:grid}.palette-swatch{cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:relative}.palette-swatch:hover{outline-offset:-1px;z-index:1;outline:1px solid #fff}.swatch-primary{z-index:2;border:2px solid #fff;outline:1px solid #000}.swatch-secondary{z-index:2;border:2px dashed #fff;outline:1px dashed #000}.transparent-marker{color:red;font-family:VT323,monospace;font-size:9px;font-weight:700;line-height:1}.hidden-color-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.current-colors{justify-content:center;align-items:center;gap:4px;margin-top:6px;display:flex}.current-color-well{flex-direction:column;align-items:center;gap:2px;display:flex}.current-swatch{cursor:pointer;width:22px;height:22px;position:relative}.current-swatch input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.color-slot-label{color:var(--win-dark-shadow);font-family:"Press Start 2P",monospace;font-size:7px}.swap-btn{background:var(--btn-face);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);cursor:pointer;color:#000;justify-content:center;align-items:center;width:18px;height:16px;padding:0;font-family:VT323,monospace;font-size:16px;display:flex}.swap-btn:active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}.text-panel{width:172px}.text-panel-stack{flex-direction:column;gap:4px;display:flex}.text-panel-field{flex-direction:column;gap:1px;display:flex}.text-panel-label{color:#000;font-family:VT323,monospace;font-size:14px;line-height:1}.text-panel-input{color:#000;background:#fff;border:0;width:100%;min-width:0;padding:2px 3px;font-family:VT323,monospace;font-size:17px}.text-panel-input:focus{outline:1px dotted var(--win-dark-shadow);outline-offset:-3px}.text-panel-textarea{resize:none;min-height:44px;line-height:.9}.text-panel-row{align-items:flex-end;gap:3px;display:flex}.text-panel-row .text-panel-field{flex:1;min-width:0}.text-align-strip{grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.text-align-btn{background:var(--btn-face);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);cursor:pointer;color:#000;height:22px;font-family:"Press Start 2P",monospace;font-size:7px}.text-align-btn:active,.text-align-btn.active{background:var(--win-title);color:#fff;border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}.text-panel-swatches{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.text-color-field{flex-direction:column;align-items:center;gap:1px;display:flex}.text-color-chip{width:20px;height:20px;position:relative}.text-color-chip input[type=color]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.text-panel-effects{background:#d8d8d8;flex-direction:column;gap:2px;padding:3px 4px;display:flex}.text-toggle-row{align-items:center;gap:3px;font-family:VT323,monospace;font-size:15px;line-height:1;display:flex}.text-toggle-row input[type=checkbox]{width:13px;height:13px;accent-color:var(--win-title)}.text-shadow-row{justify-content:space-between;align-items:center;gap:4px;display:flex}.text-mini-field{align-items:center;gap:3px;display:flex}.text-mini-label{font-family:VT323,monospace;font-size:15px}.text-mini-input{background:#fff;border:0;width:54px;padding:1px 2px;font-family:VT323,monospace;font-size:15px}.text-panel-meta{color:var(--win-dark-shadow);justify-content:space-between;gap:4px;font-family:VT323,monospace;font-size:15px;display:flex}.text-panel-status{border:2px solid;border-color:var(--win-shadow) var(--win-highlight) var(--win-highlight) var(--win-shadow);color:#203020;background:ivory;min-height:24px;padding:2px 4px;font-family:VT323,monospace;font-size:15px;line-height:.95}.text-panel-status.warning{color:#7a1800;background:#fff3d9}.text-font-note{color:var(--win-shadow);font-family:VT323,monospace;font-size:13px;line-height:.9}.text-panel-actions{gap:4px;display:flex}.text-panel-btn{background:var(--btn-face);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);cursor:pointer;flex:1;padding:3px 0;font-family:VT323,monospace;font-size:17px}.text-panel-btn:active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}.text-panel-btn:disabled{color:var(--win-shadow);text-shadow:1px 1px 0 var(--win-highlight);cursor:default}.background-panel{width:172px}.background-panel-stack{flex-direction:column;gap:4px;display:flex}.background-panel-swatches{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.background-panel-swatch-field{flex-direction:column;gap:2px;display:flex}.background-panel-label{color:#000;font-family:VT323,monospace;font-size:14px;line-height:1}.background-panel-chip{width:100%;height:18px;display:block}.background-panel-grid{grid-template-columns:repeat(2,1fr);gap:3px;display:grid}.background-panel-btn{background:var(--btn-face);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);cursor:pointer;min-height:26px;padding:4px 3px;font-family:VT323,monospace;font-size:16px;line-height:.9}.background-panel-btn:hover{background:#d4d4d4}.background-panel-btn:active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}.background-panel-note{color:var(--win-shadow);font-family:VT323,monospace;font-size:14px;line-height:.9}.center-area{flex-direction:column;flex:1;align-items:stretch;gap:6px;min-width:0;display:flex}.canvas-label{color:var(--win-dark-shadow);text-transform:uppercase;letter-spacing:1px;text-align:center;font-family:"Press Start 2P",monospace;font-size:9px}.canvas-wrapper{box-sizing:border-box;background:#a0a0a0;width:100%;padding:4px;display:block}.checkerboard-bg{background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;line-height:0;display:block}.pixel-canvas-container{width:100%;display:block}.previews-row{--preview-unit:88px;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px;display:flex}.preview-group{flex-direction:column;gap:0;display:flex}.preview-box{padding:3px;line-height:0;display:block}.dark-preview{background:#1a1a2e}.light-preview{background:#f0f0e8}.medium-preview{background:#e0e0d4}.preview-1x{width:var(--preview-unit);max-width:100%}.preview-3x{width:calc(var(--preview-unit) * 3);max-width:100%}.marquee-bar{background:var(--win-title);border:1px solid var(--win-dark-shadow);width:100%;padding:3px 0;overflow:hidden}.marquee-content{white-space:nowrap;color:var(--cyber-yellow);text-shadow:0 0 6px #ff09;padding-left:100%;font-family:"Press Start 2P",monospace;font-size:8px;animation:20s linear infinite marquee-scroll;display:inline-block}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.status-bar{background:var(--win-bg);gap:2px;padding:2px 4px 4px;display:flex}.status-cell{white-space:nowrap;text-overflow:ellipsis;flex:1;padding:1px 6px;font-family:VT323,monospace;font-size:16px;overflow:hidden}.status-pos{font-variant-numeric:tabular-nums;flex:0 0 100px}.status-color{text-align:center;flex:0 0 80px}.status-color span{font-family:VT323,monospace;font-size:14px}.sidebar-right{flex-direction:column;flex:0 0 160px;gap:6px;display:flex}.construction-bar{text-align:center;color:#000;text-shadow:1px 1px #fc0;letter-spacing:2px;background:repeating-linear-gradient(-45deg,#fc0,#fc0 10px,#000 10px 20px);padding:4px;font-family:"Press Start 2P",monospace;font-size:8px}.boot-screen{color:#0f0;cursor:pointer;background:#000;border:2px solid #333;max-width:700px;min-height:400px;margin:0 auto;padding:20px;font-family:VT323,Courier New,monospace;font-size:16px;overflow-y:auto;box-shadow:0 0 30px #00ff0026}.bios-text{line-height:1.6}.bios-line{white-space:pre}.bios-cursor{animation:.5s step-end infinite blink-cursor}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.loading-stage{flex-direction:column;height:100%;display:flex}.loading-bar-area{text-align:center;margin-top:20px}.loading-label{color:#0f0;margin-bottom:8px;font-size:18px}.loading-bar-track{letter-spacing:0;font-size:16px}.loading-bar-fill{color:#0f0}.loading-percent{color:#0f0;margin-top:4px;font-size:18px}.splash-screen{justify-content:center;align-items:stretch;min-height:calc(100vh - 40px);display:flex}.splash-layout{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:760px;display:flex}.splash-window{background:var(--win-bg);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);width:100%;max-width:500px;box-shadow:4px 4px #0000004d}.splash-body{text-align:center;padding:16px}.splash-logo{padding:16px 0}.splash-title{color:navy;text-shadow:2px 2px silver;letter-spacing:2px;font-family:"Press Start 2P",monospace;font-size:24px}.splash-subtitle{color:#f0f;margin-top:4px;font-family:"Press Start 2P",monospace;font-size:14px;animation:3s linear infinite rainbow-text}@keyframes rainbow-text{0%{color:red}17%{color:#f80}33%{color:#ff0}50%{color:#0f0}67%{color:#08f}83%{color:#80f}to{color:red}}.splash-tagline{color:#404040;margin-top:8px;font-family:VT323,monospace;font-size:18px}.splash-divider{background:linear-gradient(90deg,#0000,gray,#0000);height:2px;margin:12px 0}.splash-actions{justify-content:center;gap:12px;margin:16px 0;display:flex}.splash-btn{background:var(--btn-face);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);cursor:pointer;flex-direction:column;align-items:center;gap:4px;min-width:140px;padding:12px 20px;font-family:VT323,monospace;display:flex}.splash-btn:hover{background:#d4d4d4}.splash-btn:active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}.splash-btn-icon{font-size:28px}.splash-btn-label{color:navy;font-family:"Press Start 2P",monospace;font-size:12px}.splash-btn-new .splash-btn-label{color:red;animation:.8s step-end infinite blink-new}.splash-btn-animation .splash-btn-label{color:#00c;animation:1.2s ease-in-out infinite pulse-anim}@keyframes blink-new{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse-anim{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.splash-btn-desc{color:#404040;font-size:14px}.splash-footer{margin-top:12px}.splash-visitor{color:gray;margin-bottom:8px;font-family:VT323,monospace;font-size:14px}.splash-marquee-wrap{max-width:100%}.splash-footer-notes{color:#dedede;flex-wrap:wrap;justify-content:center;gap:18px;width:100%;max-width:760px;margin-top:4px;padding:4px 8px 0;font-family:Times New Roman,Times,serif;font-size:14px;display:flex}.splash-note{flex:280px;max-width:360px}.splash-note-title{margin-bottom:4px;font-style:italic;font-weight:700}.splash-note-text{margin-bottom:4px;line-height:1.25}.splash-note-links{flex-direction:column;gap:2px;display:flex}.splash-note-link,.splash-note-linkbtn{color:#00e;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.splash-note-linkbtn:hover,.splash-note-link:hover{color:#551a8b}.splash-history-overlay{z-index:1200;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-history-window{background:var(--win-bg);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);width:340px;max-width:calc(100vw - 24px);box-shadow:6px 6px #0000004d}.splash-history-body{color:#111;flex-direction:column;gap:10px;padding:14px;font-family:VT323,monospace;font-size:20px;line-height:1.06;display:flex}.splash-history-ok{background:var(--btn-face);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);cursor:pointer;align-self:center;padding:4px 16px;font-family:"Press Start 2P",monospace;font-size:8px}.splash-history-ok:active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}.back-warning-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.back-warning-dialog{background:var(--win-bg);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);width:340px;max-width:95vw;box-shadow:4px 4px #0006}.back-warning-body{align-items:flex-start;gap:12px;padding:16px;display:flex}.back-warning-icon{flex-shrink:0;font-size:32px}.back-warning-text{color:#000;font-family:VT323,monospace;font-size:18px;line-height:1.3}.back-warning-actions{justify-content:center;gap:8px;padding:0 16px 16px;display:flex}.back-warning-btn{background:var(--btn-face);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);cursor:pointer;min-width:80px;padding:4px 24px;font-family:VT323,monospace;font-size:18px}.back-warning-btn:hover{background:#d4d4d4}.back-warning-btn:active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}.menu-back-btn{color:navy;cursor:pointer;font-weight:700}.menu-back-btn:hover{background:var(--win-title);color:#fff}.animation-editor-mode .sidebar-right{flex:0 0 220px}.status-add-frame-btn{background:var(--btn-face);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);cursor:pointer;color:navy;flex:none;padding:0 8px;font-family:VT323,monospace;font-size:14px}.status-add-frame-btn:hover{background:#d4d4d4}.status-add-frame-btn:active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}.gif-library-panel{max-height:400px;overflow-y:auto}.gif-category-tabs{flex-wrap:wrap;gap:1px;margin-bottom:6px;display:flex}.gif-tab-btn{background:var(--btn-face);border:1px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);cursor:pointer;white-space:nowrap;padding:2px 4px;font-family:VT323,monospace;font-size:13px}.gif-tab-btn:hover{background:#d4d4d4}.gif-tab-btn.active{background:var(--win-title);color:#fff}.gif-thumb-grid{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.gif-thumb-btn{border:2px solid;border-color:var(--win-shadow) var(--win-highlight) var(--win-highlight) var(--win-shadow);cursor:pointer;background:#1a1a2e;flex-direction:column;align-items:center;gap:2px;min-height:40px;padding:4px;display:flex}.gif-thumb-btn:hover{border-color:var(--win-title) var(--win-title) var(--win-title) var(--win-title);background:#2a2a4e}.gif-thumb-canvas{width:100%;max-width:44px;display:block}.gif-thumb-label{color:#aaa;text-align:center;font-family:"Press Start 2P",monospace;font-size:6px}.gif-help-text{color:var(--win-shadow);text-align:center;margin-top:4px;font-family:VT323,monospace;font-size:12px}.upload-img-btn{border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);color:#e0c0ff;text-align:center;cursor:pointer;background:#1a0a2e;width:100%;margin-top:6px;padding:6px 4px;font-family:"Press Start 2P",monospace;font-size:9px;line-height:1.5;position:relative;overflow:hidden}.upload-img-btn:before{content:"";opacity:.6;pointer-events:none;background:radial-gradient(1px 1px at 10px 5px,#e0c0ff 40%,#0000 100%),radial-gradient(1px 1px at 30px 14px,#fff 40%,#0000 100%),radial-gradient(1px 1px at 55px 3px,#c8a0f0 40%,#0000 100%),radial-gradient(1px 1px at 75px 18px,#fff 40%,#0000 100%),radial-gradient(1px 1px at 100px 8px,#e0c0ff 40%,#0000 100%),radial-gradient(1px 1px at 120px 16px,#fff 40%,#0000 100%),radial-gradient(1px 1px at 140px 4px,#c8a0f0 40%,#0000 100%);animation:1.5s step-end infinite alternate upload-twinkle;position:absolute;inset:0}.upload-img-btn:hover{color:#f0d8ff;background:#2a1a4e}.upload-img-btn.active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow);background:#100030;box-shadow:inset 1px 1px 3px #0009}.upload-img-btn:active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}@keyframes upload-twinkle{0%{opacity:.5}to{opacity:.9}}.gif-upload-btn{border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);color:#ff0;cursor:pointer;text-align:center;text-shadow:0 0 6px #ffff0080;background:#000040;width:100%;padding:6px 4px;font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.5;position:relative;overflow:hidden}.gif-upload-btn:before{content:"";opacity:.6;pointer-events:none;background:radial-gradient(1px 1px at 8px 4px,#fff 40%,#0000 100%),radial-gradient(1px 1px at 22px 12px,#fff 40%,#0000 100%),radial-gradient(1px 1px at 40px 2px,#aaf 40%,#0000 100%),radial-gradient(1px 1px at 55px 18px,#fff 40%,#0000 100%),radial-gradient(1px 1px at 70px 8px,#aaf 40%,#0000 100%),radial-gradient(1px 1px at 95px 14px,#fff 40%,#0000 100%),radial-gradient(1px 1px at 110px 3px,#fff 40%,#0000 100%),radial-gradient(1px 1px at 130px 20px,#aaf 40%,#0000 100%);animation:1.5s step-end infinite alternate upload-twinkle;position:absolute;inset:0}.gif-upload-btn:hover{color:#ff8;background:#000060}.gif-upload-btn:active,.gif-upload-btn.loading{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}.gif-upload-btn:disabled{color:#8cb0c4;cursor:default}.gifcities-btn{border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);color:#fc0;cursor:pointer;text-align:center;background:#4a1a6b;width:100%;margin-top:4px;padding:6px 4px;font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.5;text-decoration:none;animation:2s ease-in-out infinite gifcities-pulse;display:block}.gifcities-btn:hover{color:#fe6;background:#6a2a9b}.gifcities-btn:active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}@keyframes gifcities-pulse{0%,to{text-shadow:0 0 4px #fc06}50%{text-shadow:0 0 8px #fc0c}}.gif-library-desc{color:#3f3f3f;margin-top:4px;font-family:VT323,monospace;font-size:15px;line-height:.95}.gif-library-status{color:#00314f;background:#fffff6;min-height:36px;margin-top:5px;padding:4px 6px;font-family:VT323,monospace;font-size:16px;line-height:.95}.animated-gif-import-panel{background:#d4d4d4}.animated-gif-import-btn{border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);color:#bfffe7;cursor:pointer;text-align:center;background:#203050;width:100%;padding:6px 4px;font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.5}.animated-gif-import-btn:hover{background:#2d4674}.animated-gif-import-btn:active,.animated-gif-import-btn.loading{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}.animated-gif-import-btn:disabled{color:#8cb0c4;cursor:default}.animated-gif-import-note{color:#3f3f3f;margin-top:4px;font-family:VT323,monospace;font-size:15px;line-height:.95}.animated-gif-import-status{color:#00314f;background:#fffff6;min-height:36px;margin-top:5px;padding:4px 6px;font-family:VT323,monospace;font-size:16px;line-height:.95}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.image-import-workspace{border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);background:#bcbcbc;margin:0 6px 8px;padding:5px;box-shadow:inset 1px 1px #ececec,inset -1px -1px #6d6d6d}.image-import-toolbar{border-bottom:1px solid var(--win-shadow);flex-wrap:wrap;align-items:center;gap:3px;padding-bottom:4px;display:flex}.workspace-toolbar-btn{background:var(--btn-face);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);cursor:pointer;color:#000;white-space:nowrap;padding:3px 6px;font-family:VT323,monospace;font-size:16px}.workspace-toolbar-btn.primary{background:#f4f0b0}.workspace-toolbar-btn:active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}.workspace-toolbar-btn:disabled{color:var(--win-shadow);text-shadow:1px 1px 0 var(--win-highlight);cursor:default}.workspace-toolbar-field{align-items:center;gap:3px;font-family:VT323,monospace;font-size:15px;display:flex}.workspace-toolbar-select{border:2px solid;border-color:var(--win-shadow) var(--win-highlight) var(--win-highlight) var(--win-shadow);background:#fff;min-width:90px;padding:1px 3px;font-family:VT323,monospace;font-size:15px}.workspace-toolbar-check{align-items:center;gap:3px;font-family:VT323,monospace;font-size:15px;display:flex}.workspace-toolbar-check input{width:13px;height:13px;accent-color:var(--win-title)}.workspace-toolbar-actions{gap:4px;margin-left:auto;display:flex}.image-import-status-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:3px 2px 5px;display:flex}.image-import-current-badge{align-items:center;gap:6px;display:flex}.image-import-current-canvas-shell{background:gray;padding:2px}.image-import-current-canvas{width:88px;height:31px;image-rendering:pixelated;display:block}.image-import-status-main{color:navy;font-family:VT323,monospace;font-size:18px}.image-import-status-note{color:#5d3f00;font-family:VT323,monospace;font-size:15px}.image-import-content{grid-template-columns:minmax(260px,1.3fr) minmax(220px,1fr) minmax(200px,.9fr);align-items:start;gap:6px;display:grid}.image-import-panel{min-width:0}.image-import-panel-controls{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.image-import-panel-controls.stacked{flex-direction:column;align-items:stretch}.image-import-toggle-strip{gap:2px;display:flex}.mini-tool-btn,.workspace-mini-btn{background:var(--btn-face);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);cursor:pointer;color:#000;padding:3px 8px;font-family:VT323,monospace;font-size:16px}.mini-tool-btn.active,.mini-tool-btn:active,.workspace-mini-btn:active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}.mini-tool-btn.active{background:var(--win-title);color:#fff}.workspace-mini-btn:disabled{color:var(--win-shadow);text-shadow:1px 1px 0 var(--win-highlight);cursor:default}.mini-control{align-items:center;gap:4px;font-family:VT323,monospace;font-size:16px;display:flex}.mini-control.wide{width:100%}.mini-control input[type=range]{width:90px}.mini-control.wide input[type=range]{width:100%}.image-import-subnote{color:var(--win-shadow);margin-bottom:4px;font-family:VT323,monospace;font-size:15px}.image-import-canvas-shell{border:2px solid;border-color:var(--win-shadow) var(--win-highlight) var(--win-highlight) var(--win-shadow);background:#f0f0f0;min-height:220px;padding:3px}.checker-shell{background-color:#dcdcdc;background-image:linear-gradient(45deg,#c8c8c8 25%,#0000 25%),linear-gradient(-45deg,#c8c8c8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#c8c8c8 75%),linear-gradient(-45deg,#0000 75%,#c8c8c8 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.badge-preview-shell{background-color:#dcdcdc}.image-import-scroll{max-height:310px;overflow:auto}.image-import-source-canvas,.image-import-mapping-canvas,.output-actual-canvas,.output-large-canvas{image-rendering:pixelated;display:block}.image-import-source-canvas{max-width:none}.image-import-mapping-canvas{width:min(528px,100%);height:auto}.output-large-canvas{width:min(352px,100%);height:auto}.crop-cursor{cursor:crosshair}.grab-cursor{cursor:grab}.image-import-placeholder{text-align:center;color:#5a5a5a;justify-content:center;align-items:center;min-height:210px;padding:10px;font-family:VT323,monospace;font-size:18px;display:flex}.image-import-panel-footer{gap:4px;margin-top:6px;display:flex}.mapping-panel .image-import-canvas-shell{justify-content:center;align-items:center;display:flex}.mapping-shell{background:#b8b8b8}.mapping-scale-readout{text-align:center;color:navy;min-width:48px;font-family:VT323,monospace;font-size:18px}.image-import-warning{border:2px solid;border-color:var(--win-shadow) var(--win-highlight) var(--win-highlight) var(--win-shadow);color:#305030;background:#e9e9df;min-height:28px;margin-bottom:6px;padding:4px 6px;font-family:VT323,monospace;font-size:17px}.image-import-warning.active{color:#6a1600;background:#fff0d1}.image-import-output-previews{flex-direction:column;gap:8px;display:flex}.output-preview-block{flex-direction:column;gap:4px;display:flex}.output-preview-label{color:#000;font-family:VT323,monospace;font-size:16px}.output-preview-shell{border:2px solid;border-color:var(--win-shadow) var(--win-highlight) var(--win-highlight) var(--win-shadow);padding:4px}.output-preview-shell.actual{width:fit-content;display:inline-flex}.output-preview-shell.large{width:fit-content;max-width:100%;display:block}@media (width<=1180px){.image-import-content{grid-template-columns:1fr}.image-import-canvas-shell,.image-import-placeholder{min-height:220px}}@media (width<=900px){body{padding:10px}.workspace{flex-direction:column}.center-area{order:1;width:100%}.sidebar-left,.sidebar-right{width:100%}.sidebar-left{flex-direction:column;order:2;gap:8px;display:flex}.sidebar-tools,.sidebar-tool-detail{width:100%}.sidebar-tools{flex-direction:column;gap:8px;display:flex}.text-panel,.background-panel{width:100%}.sidebar-right{flex:none;order:3}.image-import-workspace{margin:0 4px 8px}.workspace-toolbar-actions{margin-left:0}.preview-group{align-items:center;width:100%}.preview-box{max-width:100%}.previews-row{--preview-unit:min(88px, calc((100vw - 72px) / 3))}.status-bar{flex-wrap:wrap}.status-pos,.status-color{flex:120px}}@media (width<=620px){.menu-bar{flex-wrap:wrap}.title-text{letter-spacing:.3px;font-size:8px}.previews-row{gap:6px}.preview-group{width:100%}.previews-row{--preview-unit:min(88px, calc((100vw - 48px) / 3))}.splash-actions{flex-direction:column;align-items:stretch}.splash-footer-notes{flex-direction:column;align-items:center}.image-import-toolbar{flex-direction:column;align-items:stretch}.workspace-toolbar-field,.workspace-toolbar-check,.workspace-toolbar-actions{width:100%}.workspace-toolbar-actions{justify-content:stretch}.workspace-toolbar-actions .workspace-toolbar-btn{flex:1}.image-import-status-main{font-size:18px}.image-import-status-note{font-size:15px}.image-import-panel-footer{flex-direction:column}.output-preview-shell.large{width:100%}}.export-panel{background:#d8d0c8}.export-btn{border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);cursor:pointer;text-align:center;width:100%;margin-bottom:3px;padding:5px 4px;font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.5}.export-btn:active:not(:disabled){border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}.export-btn:disabled{color:var(--win-shadow);text-shadow:1px 1px 0 var(--win-highlight);cursor:default}.export-png-btn{background:var(--btn-face);color:#000}.export-png-btn:hover:not(:disabled){background:#d4d4d4}.export-modern-png-btn{color:#00325f;background:#e8f4ff}.export-modern-png-btn:hover:not(:disabled){background:#d7ebff}.export-gif-btn{color:#fc0;text-shadow:0 0 4px #fc06;background:#036}.export-gif-btn:hover:not(:disabled){background:#048}.export-still-gif-btn{color:#111;background:#f3efe7}.export-still-gif-btn:hover:not(:disabled){background:#e6dfd3}.export-svg-btn{color:#125a1c;background:#eff9ef}.export-svg-btn:hover:not(:disabled){background:#def3de}.export-hint{color:#5a5a5a;margin-top:2px;font-family:VT323,monospace;font-size:14px}.export-error{color:#8b0000;margin-top:4px;font-family:VT323,monospace;font-size:15px}.export-dialog-overlay{z-index:1100;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.export-dialog{background:var(--win-bg);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);width:380px;max-width:95vw;box-shadow:4px 4px #00000080}.export-dialog-body{padding:16px}.export-rendering{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.export-render-text{color:#000;font-family:VT323,monospace;font-size:18px}.export-render-sub{color:#606060;font-size:15px}.export-progress-track{color:#060;letter-spacing:0;margin-top:4px;font-family:VT323,monospace;font-size:16px}.export-progress-fill{white-space:pre}.export-progress-pct{color:#060;font-family:VT323,monospace;font-size:18px}.export-complete{flex-direction:column;align-items:center;gap:8px;display:flex}.export-complete-icon{font-size:28px}.export-complete-msg{color:#040;font-family:VT323,monospace;font-size:20px;font-weight:700}.export-preview-area{text-align:center;width:100%}.export-preview-label{color:#606060;margin-bottom:4px;font-family:VT323,monospace;font-size:15px}.export-preview-shell{background:#1a1a2e;padding:8px;display:inline-block}.export-preview-img{width:176px;height:62px;image-rendering:pixelated;display:block}.export-file-info{background:ivory;width:100%;padding:6px 8px;font-family:VT323,monospace;font-size:16px}.export-file-row{justify-content:space-between;gap:8px;display:flex}.export-file-row span:first-child{color:#606060}.export-file-val{color:#000;font-weight:700}.export-dialog-actions{justify-content:center;margin-top:4px;display:flex}.export-dialog-ok{background:var(--btn-face);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);cursor:pointer;padding:4px 32px;font-family:VT323,monospace;font-size:18px}.export-dialog-ok:hover{background:#d4d4d4}.export-dialog-ok:active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}.animate-toggle-btn{background:var(--btn-face);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);cursor:pointer;text-align:center;width:100%;padding:4px 2px;font-family:VT323,monospace;font-size:15px}.animate-toggle-btn:active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}.animate-toggle-btn.active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow);background:#ffc;box-shadow:inset 1px 1px 2px #00000040}.animate-toggle-btn:disabled{color:var(--win-shadow);text-shadow:1px 1px 0 var(--win-highlight);cursor:default}.timeline-workspace{flex-direction:column;gap:6px;padding:0 6px 4px;display:flex}.timeline-panel{background:var(--win-bg)}.imported-animated-items-panel{background:#d7d7d7}.imported-items-list{background:#fff;flex-direction:column;gap:4px;max-height:160px;padding:4px;display:flex;overflow-y:auto}.imported-items-empty{color:#5c5c5c;padding:8px 6px;font-family:VT323,monospace;font-size:17px;line-height:.95}.imported-item-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px;display:grid}.imported-item-select{background:var(--btn-face);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);text-align:left;cursor:pointer;flex-direction:column;gap:2px;min-width:0;padding:4px 6px;display:flex}.imported-item-select.selected{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow);background:#fff8bf}.imported-item-name{color:#000;text-overflow:ellipsis;white-space:nowrap;font-family:"Press Start 2P",monospace;font-size:7px;line-height:1.35;overflow:hidden}.imported-item-meta{color:#444;font-family:VT323,monospace;font-size:15px;line-height:1}.imported-item-toggle{white-space:nowrap;align-items:center;gap:3px;font-family:VT323,monospace;font-size:15px;display:flex}.imported-item-remove{min-width:42px}.imported-item-editor{flex-direction:column;gap:5px;margin-top:6px;display:flex}.imported-item-edit-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.imported-item-text,.imported-item-number{background:#fff;border:0;padding:1px 4px;font-family:VT323,monospace;font-size:16px}.imported-item-text{width:100%}.imported-item-number{width:58px}.imported-item-nudge-row{gap:4px;display:flex}.imported-item-nudge-row .workspace-mini-btn{min-width:34px}.imported-item-scale-readout{text-align:right;color:navy;min-width:48px;font-family:VT323,monospace;font-size:18px}.imported-item-order-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.imported-item-order-label{color:#000;min-width:34px;font-family:VT323,monospace;font-size:16px}.imported-item-flatten-row{flex-direction:column;gap:3px;display:flex}.imported-item-flatten-btn{align-self:flex-start}.imported-item-flatten-note{color:#3f3f3f;font-family:VT323,monospace;font-size:15px;line-height:.95}.imported-item-edit-note{color:#4d4d4d;font-family:VT323,monospace;font-size:15px;line-height:.95}.tl-controls-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.tl-playback-group{gap:2px;display:flex}.tl-btn{background:var(--btn-face);border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);cursor:pointer;justify-content:center;align-items:center;min-width:26px;height:24px;padding:0 4px;font-family:VT323,monospace;font-size:14px;display:flex}.tl-btn:active:not(:disabled){border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow)}.tl-btn:disabled{color:var(--win-shadow);cursor:default}.tl-btn-active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow);background:#ffc;box-shadow:inset 1px 1px 2px #0003}.tl-toggle{cursor:pointer;align-items:center;gap:3px;font-family:VT323,monospace;font-size:14px;display:flex}.tl-toggle input[type=checkbox]{margin:0}.tl-delay-field{align-items:center;gap:3px;font-family:VT323,monospace;font-size:14px;display:flex}.tl-delay-input{text-align:center;background:#fff;width:52px;height:20px;padding:0 2px;font-family:VT323,monospace;font-size:14px}.tl-frame-actions{gap:2px;display:flex}.tl-spacer{flex:1}.tl-export-btn{color:#fc0;letter-spacing:.5px;background:#036;font-weight:700}.tl-export-btn:active:not(:disabled){background:#001a33}.tl-export-btn:disabled{background:var(--btn-face);color:var(--win-shadow)}.tl-frame-strip{border:2px solid;border-color:var(--win-shadow) var(--win-highlight) var(--win-highlight) var(--win-shadow);box-shadow:inset 1px 1px 0 var(--win-dark-shadow);background:#fff;gap:3px;min-height:52px;padding:4px;display:flex;overflow-x:auto}.tl-frame-btn{border:2px solid;border-color:var(--win-highlight) var(--win-dark-shadow) var(--win-dark-shadow) var(--win-highlight);background:var(--btn-face);cursor:pointer;flex-direction:column;flex:none;align-items:center;gap:1px;padding:2px;display:flex;position:relative}.tl-frame-btn:hover{background:#e8e8e8}.tl-frame-btn.active{border-color:var(--win-dark-shadow) var(--win-highlight) var(--win-highlight) var(--win-dark-shadow);background:#ffc;box-shadow:inset 1px 1px 2px #00000026}.tl-frame-btn.playback{background:#ccf;border-color:#00c}.tl-frame-canvas{width:44px;height:16px;image-rendering:pixelated;display:block}.tl-frame-num{color:#333;font-family:VT323,monospace;font-size:11px;line-height:1}.tl-status-row{color:#333;align-items:center;gap:8px;margin-top:3px;font-family:VT323,monospace;font-size:13px;display:flex}.tl-status-msg{color:#060;font-style:italic}