@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap";:root{--color-bg-root: #030303;--color-panel: #030303;--color-border: #B4B4B4;--color-accent: #B4B4B4;--color-text-primary: #B4B4B4;--color-text-muted: #B4B4B4;--color-text-inverse: #030303;--font-family-base: "VCR OSD Mono";--font-family-mono: var(--font-family-base);--font-family-sans: var(--font-family-base);--font-family-display: var(--font-family-base);--font-family-layer-controls: var(--font-family-base);--font-family-layer-title: var(--font-family-base);--font-size-regular: 12px;--font-size-layer-header: 10px;--font-size-xs: var(--font-size-regular);--font-size-sm: var(--font-size-regular);--font-size-base: var(--font-size-regular);--font-size-layer-title: var(--font-size-layer-header);--font-size-layer-control: var(--font-size-layer-header);--font-size-layer-slider-label: var(--font-size-layer-header);--space-xxs: 2px;--space-xs: 5px;--space-sm: 10px;--space-md: 13px;--space-lg: 20px;--panel-width: 210px;--panel-gap: 15px;--panel-border-radius: 0px;--layer-thumb-size: 33px;--layer-item-header-height: 16px;--layer-item-border-bottom: 3px;--layer-item-border-bottom-active: 3px;--layer-slider-gap: 6px;--layer-header-control-width: 36px;--transition-fast: .1s ease;--transition-normal: .3s ease;--shadow-panel: none;--slider-track-height: 2px;--slider-track-color: var(--color-border);--slider-thumb-width: 14px;--slider-thumb-height: 14px;--slider-thumb-color: var(--color-border);--slider-thumb-border-radius: 0px;--slider-thumb-border-width: 1px;--slider-thumb-border-color: var(--color-border);--slider-thumb-inner-border-width: 1px;--slider-thumb-inner-border-color: var(--color-bg-root);--slider-thumb-background: var(--color-panel);--slider-label-font-size: var(--font-size-layer-header);--slider-label-color: var(--color-border);--slider-value-min-width: 28px;--layer-header-fill-default: url(/assets/default_fill-D1JYep5T.svg);--layer-header-fill-active: url(/assets/active_fill-D8bwjCVX.svg)}@font-face{font-family:VCR OSD Mono;src:url(/assets/VCROSDMono-B6gZQV3G.woff2) format("woff2"),url(/assets/VCROSDMono-C5SLzrU8.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--color-bg-root)}body{font-family:var(--font-family-base);font-size:var(--font-size-regular);font-weight:400;background:var(--color-bg-root);color:var(--color-text-primary);overflow:hidden;-webkit-user-select:none;user-select:none}body:not(.ui-ready) .ui-panel{opacity:0;pointer-events:none}body.ui-ready .ui-panel{animation:fadeInPanel var(--transition-normal) forwards}body.ui-ready .ui-panel.is-dragging,body.ui-ready .ui-panel[style*="position: absolute"]{animation:none!important;opacity:1!important}@keyframes fadeInPanel{0%{opacity:0}to{opacity:1}}.ui-panel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--panel-border-radius);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);width:var(--panel-width);min-width:var(--panel-width);max-width:var(--panel-width);position:relative;pointer-events:all;transform:translateZ(0);will-change:transform;backface-visibility:hidden}.ui-panel.panel-active{border-color:var(--color-border);box-shadow:var(--shadow-panel)}.panel-header{background:var(--color-panel);border-bottom:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;cursor:default}.panel-title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:1px}.panel-toggle{font-size:var(--font-size-regular);cursor:pointer;padding:0 var(--space-xs);color:var(--color-text-primary);transition:color var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;line-height:1}.panel-toggle .toggle-symbol{display:inline-block;text-align:center;width:.5em;position:relative}.panel-toggle .toggle-symbol.minus{top:-2px}.panel-toggle .toggle-symbol.plus{top:-1px}.panel-toggle:hover{color:var(--color-accent)}.panel-content{padding:var(--space-sm);background:var(--color-panel);display:flex;flex-direction:column}.ui-panel button:not(.layer-item-button),.panel-btn{width:100%;background:var(--color-panel);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--space-xs);font-family:var(--font-family-mono);font-size:var(--font-size-xs);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:background var(--transition-fast),color var(--transition-fast)}.ui-panel button:not(.layer-item-button):hover,.panel-btn:hover{background:var(--color-border);color:var(--color-text-inverse)}#canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-root);overflow:hidden;z-index:0;transform:translateZ(0);will-change:transform;backface-visibility:hidden}#ascii-wrapper{background:var(--color-bg-root);border:1px solid var(--color-border);position:relative;z-index:1;display:inline-block;overflow:hidden;transform:translateZ(0);will-change:transform;backface-visibility:hidden;opacity:0;transition:width .05s ease-out,height .05s ease-out,opacity .14s ease-out}body.canvas-ready #ascii-wrapper{opacity:1}#ascii-canvas{font-family:var(--font-family-mono);font-size:var(--font-size-base);line-height:1;white-space:pre;color:var(--color-text-primary);background:transparent;position:relative;transform:translateZ(0);will-change:transform;backface-visibility:hidden;transition:font-size .05s ease-out,letter-spacing .05s ease-out;border:none;outline:none}#ui-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1000;transition:opacity var(--transition-normal)}#ui-container.ui-hidden{opacity:0;pointer-events:none!important;visibility:hidden}#ui-container.ui-hidden *{pointer-events:none!important}#ui-container.ui-visible{opacity:1;visibility:visible}#right-panels{position:fixed;top:var(--space-lg);right:var(--space-lg);display:flex;flex-direction:row;align-items:flex-start;pointer-events:none;z-index:150}#panel-columns{position:fixed;top:var(--space-lg);right:calc(var(--space-lg) + var(--panel-width) + var(--panel-gap));display:flex;flex-direction:row-reverse;gap:var(--panel-gap);align-items:flex-start;pointer-events:none;z-index:140}.panel-column{display:flex;flex-direction:column;pointer-events:none;gap:var(--space-lg);padding-bottom:var(--space-lg)}.panel-column .ui-panel{pointer-events:all}#layers-column{min-width:var(--panel-width);pointer-events:none}#layers-column .ui-panel{pointer-events:all}#panel-pool{position:absolute;top:-10000px;left:-10000px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}#left-panel-stack{position:fixed;top:var(--space-lg);left:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);z-index:100;pointer-events:none}#left-panel-stack .ui-panel{position:relative;pointer-events:all}.ui-panel.is-dragging{opacity:.95;box-shadow:0 8px 32px #0000004d;transition:none!important}.ui-panel[style*="position: absolute"]{pointer-events:all}.ui-panel .panel-header{-webkit-user-select:none;user-select:none}#layerstack-panel .panel-content{gap:0}.button-group{display:flex;gap:var(--space-xs);padding-top:0;margin-bottom:0}.button-group button{flex:1}.button-group button:focus{outline:none}#layerstack-panel .button-group.layerstack-add-buttons button{flex:0 0 auto;width:24px;min-width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center}#layerstack-panel .button-group.layerstack-add-buttons .layerstack-add-icon{width:18px;height:18px;display:block;background-color:currentColor;pointer-events:none;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-image:var(--layerstack-add-icon-url);mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-image:var(--layerstack-add-icon-url)}#layerstack-panel .button-group.layerstack-add-buttons .layerstack-add-icon--image{--layerstack-add-icon-url: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22%2021H2V3H22V21ZM4%2019H20V5H4V19ZM8%2017H6V15H8V17ZM10%2015H8V13H10V15ZM18%2015H16V13H18V15ZM12%2013H10V11H12V13ZM16%2013H14V11H16V13ZM14%2011H12V9H14V11ZM8%209H6V7H8V9Z'%20fill='%23B4B4B4'/%3e%3c/svg%3e")}#layerstack-panel .button-group.layerstack-add-buttons .layerstack-add-icon--video{--layerstack-add-icon-url: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%209H18V7H20V5H22V19H20V17H18V15H16V19H2V5H16V9ZM4%2017H14V7H4V17Z'%20fill='%23B4B4B4'/%3e%3c/svg%3e")}#layerstack-panel .button-group.layerstack-add-buttons .layerstack-add-icon--text{--layerstack-add-icon-url: url("data:image/svg+xml,%3csvg%20width='19'%20height='19'%20viewBox='0%200%2019%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.9506%2015.2365H7.66111V2.24686H2.45549V5.898H0V0H17.7777V5.898H15.3222V2.24686H10.1166V15.2365H13.8271V17.4834H3.9506V15.2365ZM15.977%206.88101H18.5635V0.702143H19V7.41463H15.977V6.88101ZM10.9024%203.22986H14.8639V3.76349H11.3389V14.3939H10.9024V3.22986ZM0.654796%206.88101H3.24124V3.22986H7.20276V3.76349H3.67777V7.41463H0.654796V6.88101ZM14.6129%2018.4664V16.0229H15.0494V19H4.6054V18.4664H14.6129Z'%20fill='%23B4B4B4'/%3e%3c/svg%3e");width:15px;height:15px}#layerstack-panel .button-group.layerstack-add-buttons .layerstack-add-icon--solid{--layerstack-add-icon-url: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.9998%203V7H20.9998V21H6.99976V17H2.99976V3H16.9998ZM8.99976%2019H18.9998V9H8.99976V19ZM4.99976%205V15H6.99976V7H14.9998V5H4.99976Z'%20fill='%23B4B4B4'/%3e%3c/svg%3e")}#layerstack-panel .panel-content>.panel-divider{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}#layerstack-panel .panel-content>.button-group+.panel-divider{padding-top:0}#layerstack-panel .panel-content>.panel-divider+*{margin-top:0}#layerstack-panel .panel-content>.fill-button{margin-top:var(--space-xs)}#layerstack-panel .panel-content>.panel-divider+.fill-button{margin-top:0}#layerstack-panel .panel-content>.layer-list{margin-top:0}.btn-square{width:40px;min-width:40px;height:24px;padding:var(--space-xs);font-size:var(--font-size-regular);letter-spacing:0}.btn-square:focus{outline:none}.layer-delete-top{width:100%;padding:var(--space-sm) var(--space-xs)!important;margin:var(--space-xs) 0;background:#0a0a0a!important;color:#888!important;border:1px solid #555!important;font-size:var(--font-size-regular);font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-normal);text-align:center;box-sizing:border-box}.layer-delete-top:hover{background:#1a1a1a!important;color:var(--color-text-primary)!important;border-color:var(--color-border)!important}.layer-delete-top:active{background:#2a2a2a!important;color:var(--color-accent)!important;border-color:var(--color-accent)!important}.layer-actions{display:flex;flex-direction:column;gap:var(--space-xxs);align-items:stretch}.layer-control-btn{background:var(--color-panel);border:1px solid var(--color-border);padding:var(--space-xs) var(--space-xs);font-family:var(--font-family-mono);font-size:var(--font-size-regular);cursor:pointer;width:100%;text-align:center;text-transform:uppercase;letter-spacing:.5px}.visibility-indicator{position:relative;padding:var(--space-xs);width:100%}.visibility-indicator:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:var(--color-border)}.visibility-indicator.hidden:before{background:#333}#add-layer-btn{width:100%;background:var(--color-panel);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--space-xs) var(--space-sm);font-family:var(--font-family-mono);font-size:var(--font-size-xs);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;margin-top:0;transition:background var(--transition-fast),color var(--transition-fast)}#add-layer-btn:hover{background:var(--color-border);color:var(--color-text-inverse)}.canvas-section{margin-bottom:var(--space-md);padding-top:0;padding-bottom:0}.canvas-section-compact{margin:0}#canvas-settings-panel .panel-content>.canvas-section-compact:last-child{margin-bottom:0}.section-label{display:block;font-size:var(--font-size-regular);text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:var(--space-xs)}.canvas-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs);margin-bottom:var(--space-xs);align-items:stretch}.canvas-presets .preset-btn{height:100%}.canvas-section .preset-btn[data-aspect=FULLSCREEN],.canvas-section .preset-btn[data-aspect=custom]{width:100%}.canvas-section .preset-btn[data-aspect=FULLSCREEN]{margin-bottom:var(--space-xs)}#canvas-settings-panel .canvas-section .preset-btn[data-aspect=custom]{margin-bottom:0}.custom-aspect-ratio{margin-top:var(--space-sm)}.match-btn{width:100%;margin-top:var(--space-xs);font-size:var(--font-size-regular);background:#0a0a0a!important;border:1px solid #555!important;cursor:pointer!important;pointer-events:auto!important}.match-btn:hover{background:#1a1a1a!important;border-color:var(--color-border)!important}.match-btn:active{background:#2a2a2a!important;border-color:var(--color-accent)!important}.custom-dimensions-block{display:none;margin-top:var(--space-xs)}.custom-mode-toggle{display:flex;gap:var(--space-xs);margin-bottom:var(--space-xs)}.custom-mode-toggle .preset-btn{flex:1;font-size:var(--font-size-small);letter-spacing:.05em}.custom-input-row{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:var(--space-xs);align-items:center;margin-bottom:0}.custom-input-row span{font-size:var(--font-size-regular)}.custom-input-row input[type=number]{background:var(--color-bg-root);border:1px solid var(--color-border);color:var(--color-border);font-family:var(--font-family-mono);font-size:var(--font-size-regular);padding:4px;text-align:center}.custom-input-row input[type=number]:focus{outline:none;border-color:#fff}.layer-list{display:flex;flex-direction:column;gap:4px;min-height:0;overflow-x:hidden;overflow-y:auto;flex-shrink:0;margin-right:calc(-1 * var(--space-md));padding:2px 0 10px;scrollbar-gutter:stable;transform:translateZ(0);backface-visibility:hidden;opacity:1;transition:opacity .15s ease-out}#layerstack-list{padding-bottom:0}.layer-list::-webkit-scrollbar{width:var(--space-md)}.layer-list::-webkit-scrollbar-track{background:var(--color-bg-root)}.layer-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:0;border:2px solid var(--color-bg-root);border-left-width:3px;min-height:40px}.layer-list::-webkit-scrollbar-thumb:hover{background:#fff}@-moz-document url-prefix(){.layer-list{scrollbar-color:var(--color-border) var(--color-bg-root)}}.layer-list.loading{opacity:0}.layer-item{display:flex;flex-direction:column;margin:0;border:1px solid var(--color-border);border-bottom-width:var(--layer-item-border-bottom);background:var(--color-panel);cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .1s ease,opacity var(--transition-fast)}.layer-item.active{border-bottom-width:var(--layer-item-border-bottom-active)}.layer-item.dragging{opacity:.7;transform:translate(6px);cursor:grabbing}.layer-item.drag-over-top{border-top:2px solid var(--color-border)}.layer-item.drag-over-bottom{border-bottom-color:var(--color-border)}.layer-item__chrome{min-height:var(--layer-item-header-height);border-bottom:1px solid var(--color-border);overflow:hidden;padding:0;margin:0;position:relative;width:100%}.layer-item__chrome:before{content:"";position:absolute;inset:0;background-color:var(--color-bg-root);background-image:var(--layer-header-fill-default);background-repeat:repeat;background-size:33px 33px;z-index:0}.layer-item.active .layer-item__chrome:before{background-image:var(--layer-header-fill-active)}.layer-item__chrome>.layer-item-button:first-child{position:absolute;left:0;top:0;width:auto;min-width:auto;height:var(--layer-item-header-height);padding:0 4px;margin:0;z-index:1;background:var(--color-bg-root)!important;color:var(--color-border)!important;transition:none}.layer-item__chrome>.layer-item-button:last-child{position:absolute;right:0;top:0;width:auto;min-width:auto;height:var(--layer-item-header-height);padding:0 4px;margin:0;z-index:1;background:var(--color-bg-root);transition:none}.layer-item__chrome>.layer-item-button:first-child:hover,.layer-item__chrome>.layer-item-button:first-child:active,.layer-item__chrome>.layer-item-button:first-child:focus,.layer-item__chrome>.layer-item-button:first-child:focus-visible,.layer-item__chrome>.layer-item-button:first-child.is-hidden:hover,.layer-item__chrome>.layer-item-button:first-child.is-hidden:active,.layer-item__chrome>.layer-item-button:first-child.is-hidden:focus,.layer-item__chrome>.layer-item-button:first-child.is-hidden:focus-visible,.layer-item__chrome>.layer-item-button:last-child:hover,.layer-item__chrome>.layer-item-button:last-child:active,.layer-item__chrome>.layer-item-button:last-child:focus,.layer-item__chrome>.layer-item-button:last-child:focus-visible{background:var(--color-bg-root)!important;color:var(--color-border)!important;outline:none!important;border:none!important;box-shadow:none!important}.layer-item__chrome>.layer-item-button:first-child.is-hidden{background:var(--color-bg-root)!important;color:var(--color-border)!important}.layer-item-button{width:100%;box-sizing:border-box;height:var(--layer-item-header-height);border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast);color:var(--color-border);font-family:var(--font-family-layer-controls);font-size:var(--slider-label-font-size);line-height:var(--slider-label-font-size);letter-spacing:.5px;text-transform:uppercase}.layer-item-button:focus-visible{outline:1px solid var(--color-border);outline-offset:-1px}.layer-item-button:hover{background:#b4b4b426}.layer-item-button:active{background:#b4b4b44d}.layer-item-button.is-hidden{background:var(--color-border);color:var(--color-bg-root)}.layer-item__label{position:absolute;left:50%;top:0;transform:translate(-50%);width:fit-content;min-width:0;height:var(--layer-item-header-height);display:flex;align-items:center;justify-content:center;border:none;background:var(--color-bg-root);z-index:1}.layer-item__label input{width:auto;min-width:0;height:var(--layer-item-header-height);background:transparent;border:none!important;color:var(--color-border);font-family:var(--font-family-layer-title);font-size:var(--slider-label-font-size);letter-spacing:.5px;text-transform:uppercase;text-align:center;outline:none!important;line-height:var(--layer-item-header-height);caret-color:var(--color-border);padding:0 4px}.layer-item__label input:focus,.layer-item__label input:focus-visible,.layer-item__label input:active{border:none!important;outline:none!important;box-shadow:none!important}.layer-item__label input:disabled{opacity:1;cursor:default;color:var(--color-border);pointer-events:none}.layer-item__label input::placeholder{color:var(--color-border);opacity:.5}.layer-item__body{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--color-panel)}.layer-item.layer-hidden{opacity:.4}.layer-item__thumb{width:var(--layer-thumb-size);height:var(--layer-thumb-size);min-width:var(--layer-thumb-size);min-height:var(--layer-thumb-size);--c: #9ca3af;--w: 1px;--l: 10px;background:linear-gradient(var(--c),var(--c)) 0 0 / var(--l) var(--w) no-repeat,linear-gradient(var(--c),var(--c)) 0 0 / var(--w) var(--l) no-repeat,linear-gradient(var(--c),var(--c)) 100% 0 / var(--l) var(--w) no-repeat,linear-gradient(var(--c),var(--c)) 100% 0 / var(--w) var(--l) no-repeat,linear-gradient(var(--c),var(--c)) 0 100% / var(--l) var(--w) no-repeat,linear-gradient(var(--c),var(--c)) 0 100% / var(--w) var(--l) no-repeat,linear-gradient(var(--c),var(--c)) 100% 100% / var(--l) var(--w) no-repeat,linear-gradient(var(--c),var(--c)) 100% 100% / var(--w) var(--l) no-repeat;display:flex;align-items:center;justify-content:center;padding:6px;overflow:hidden}.layer-type-text{font-size:var(--font-size-layer-header);color:var(--color-border);text-align:center;font-family:var(--font-family-mono);letter-spacing:.5px}.layer-type-icon{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:block;margin:auto}.layer-type-icon[alt=Text]{max-width:15px;max-height:15px}.layer-type-icon[alt=ASCII]{max-width:18px;max-height:18px}.layer-item__sliders{flex:1;display:flex;flex-direction:column;gap:var(--layer-slider-gap);min-width:0}.layer-time-slider{display:flex;align-items:center;gap:7px;height:12px}.layer-time-slider__frame{flex:1;display:flex;align-items:center;border:none;padding:0;background:transparent}.layer-time-slider__input{width:100%;-webkit-appearance:none;appearance:none;background:transparent;border:none;margin:0;padding:0}.layer-time-slider__input::-webkit-slider-track,.layer-time-slider__input::-webkit-slider-runnable-track{background:var(--color-border);height:var(--slider-track-height);border:none}.layer-time-slider__input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--slider-thumb-width);height:var(--slider-thumb-height);border:1px solid var(--color-border);background:var(--color-panel);box-shadow:inset 0 0 0 1px var(--color-bg-root);margin-top:calc((var(--slider-track-height) - var(--slider-thumb-height)) / 2)}.layer-time-slider__input::-moz-range-track{background:var(--color-border);height:var(--slider-track-height)}.layer-time-slider__input::-moz-range-thumb{width:var(--slider-thumb-width);height:var(--slider-thumb-height);border:1px solid var(--color-border);background:var(--color-panel);box-shadow:inset 0 0 0 1px var(--color-bg-root)}.layer-time-slider__tag{font-family:var(--font-family-layer-title);font-size:var(--font-size-layer-slider-label);color:var(--color-border);letter-spacing:.5px}.layer-empty-state{height:calc(var(--layer-item-header-height) + 1px + 6px + var(--layer-thumb-size) + 6px + var(--layer-item-border-bottom));box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;background-image:repeating-linear-gradient(to right,var(--color-border) 0,var(--color-border) 30px,transparent 30px,transparent 33px),repeating-linear-gradient(to right,var(--color-border) 0,var(--color-border) 30px,transparent 30px,transparent 33px),repeating-linear-gradient(to bottom,var(--color-border) 0,var(--color-border) 30px,transparent 30px,transparent 33px),repeating-linear-gradient(to bottom,var(--color-border) 0,var(--color-border) 30px,transparent 30px,transparent 33px);background-size:100% 1px,100% 1px,1px 100%,1px 100%;background-position:0 0,0 100%,0 0,100% 0;background-repeat:no-repeat;border:none;font-size:var(--font-size-regular);letter-spacing:1px;color:var(--color-border);text-transform:uppercase}#export-panel .panel-content{gap:0}#export-panel .panel-content>.panel-divider{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}#export-panel .panel-content>.panel-divider+*{margin-top:0}#export-panel .panel-content>.canvas-section{margin-bottom:0}#export-panel .panel-content>.canvas-section.canvas-section-compact{padding-bottom:1px}#export-panel .panel-content>.canvas-presets{margin-top:0;margin-bottom:0}#export-panel .panel-content>.canvas-presets+.fill-button{margin-top:var(--space-xs)}#export-panel .panel-content>div:has(#duration-free-btn)+.fill-button{margin-top:var(--space-xs)}#export-panel .panel-content>.export-info{margin-top:var(--space-xxs);margin-bottom:0;padding-bottom:0}#export-panel .panel-content>div:has(#duration-free-btn){margin-top:0;margin-bottom:0}#export-panel #start-recording-btn,#export-panel #stop-recording-btn{margin-top:0}#export-panel #recording-timer{margin-top:var(--space-xxs)}#export-panel #mp4-progress-container{margin-top:var(--space-xs)}.export-info{margin-bottom:0;padding:0;font-size:var(--font-size-regular);background:transparent;font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.5px}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:0;color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-regular);text-transform:uppercase;letter-spacing:.5px}#export-panel .export-info:first-of-type .info-row{padding-bottom:0}.info-row:last-child{margin-bottom:0}.info-row span:first-child{color:var(--color-text-primary);font-size:var(--font-size-regular)}.info-row span:last-child{font-family:var(--font-family-mono);color:var(--color-text-primary);font-size:var(--font-size-regular)}#stop-recording-btn.fill-button.recording{background:transparent!important;color:var(--color-border)!important;border-top:1px solid #ff0000!important;border-left:1px solid #ff0000!important;border-right:1px solid #ff0000!important;border-bottom:3px solid #ff0000!important;animation:pulse-red-border .6s ease-in-out infinite!important}#stop-recording-btn.fill-button.recording:before{background-color:transparent!important;background-image:var(--layer-header-fill-default)!important;filter:brightness(0) saturate(100%) invert(27%) sepia(100%) saturate(7500%) hue-rotate(0deg) brightness(100%) contrast(118%);animation:pulse-red-fill .6s ease-in-out infinite!important}#stop-recording-btn.fill-button.recording>.fill-button__label{color:red!important;background:var(--color-bg-root)!important;border:none!important;animation:pulse-red-label .6s ease-in-out infinite!important}@keyframes pulse-red-fill{0%{filter:brightness(0) saturate(100%) invert(27%) sepia(100%) saturate(7500%) hue-rotate(0deg) brightness(100%) contrast(118%);opacity:1}50%{filter:brightness(0) saturate(100%) invert(27%) sepia(100%) saturate(7500%) hue-rotate(0deg) brightness(60%) contrast(118%);opacity:.7}to{filter:brightness(0) saturate(100%) invert(27%) sepia(100%) saturate(7500%) hue-rotate(0deg) brightness(100%) contrast(118%);opacity:1}}@keyframes pulse-red-border{0%{border-top-color:red!important;border-left-color:red!important;border-right-color:red!important;border-bottom-color:red!important}50%{border-top-color:#900!important;border-left-color:#900!important;border-right-color:#900!important;border-bottom-color:#900!important}to{border-top-color:red!important;border-left-color:red!important;border-right-color:red!important;border-bottom-color:red!important}}@keyframes pulse-red-label{0%{color:red!important;opacity:1}50%{color:#900!important;opacity:.7}to{color:red!important;opacity:1}}@keyframes pulse-red{0%{background-color:red;opacity:1}50%{background-color:#900;opacity:.7}to{background-color:red;opacity:1}}#export-panel button{margin-bottom:0}#export-panel button:last-of-type{margin-bottom:0}.ui-message{font-size:var(--font-size-regular);padding:0;text-align:left;font-weight:400;letter-spacing:.5px;font-family:var(--font-family-mono);color:#888;text-transform:uppercase}.ui-message-info{color:#888}.ui-message-success{color:#8ccf4d}.ui-message-error{color:#ff6b6b}#new-project-btn,#save-project-btn{display:block;width:100%;margin-bottom:0}#save-project-btn{margin-top:var(--space-xs)}.layer-properties{flex-shrink:0}.properties-header{font-size:var(--font-size-regular);color:#888;margin-bottom:8px;font-family:var(--font-family-mono);text-align:center}.property-section{margin-bottom:0}.property-section-label{display:block;font-size:var(--font-size-regular);color:#666;margin-bottom:6px;font-family:var(--font-family-mono);text-transform:uppercase}.property-group{margin-bottom:0}.property-label{display:block;font-size:var(--font-size-regular);color:#aaa;margin-bottom:4px;font-family:var(--font-family-mono)}.fit-mode-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.fit-mode-btn{padding:6px 4px;background:var(--color-bg-root);color:var(--color-border);border:1px solid var(--color-border);font-size:var(--font-size-regular);font-family:var(--font-family-mono);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;box-sizing:border-box;transition:background .1s,color .1s}.fit-mode-btn:hover{background:var(--color-border);color:var(--color-bg-root)}.fit-mode-btn:focus,.fit-mode-btn:focus-visible{outline:none!important;box-shadow:none!important}.fit-mode-btn:active{background:#a0a0a0;color:var(--color-bg-root);transform:translateY(1px)}.fit-mode-btn.active{background:var(--color-border);color:var(--color-bg-root);border-color:var(--color-border)}.fit-mode-btn.active:active{background:#a0a0a0;transform:translateY(1px)}.through-button{width:100%;padding:6px 4px;background:var(--color-bg-root);color:var(--color-border);border:1px solid var(--color-border);font-size:var(--font-size-regular);font-family:var(--font-family-mono);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;box-sizing:border-box;transition:background .1s,color .1s}.through-button:hover{background:var(--color-border);color:var(--color-bg-root)}.through-button.is-active{background:var(--color-border);color:var(--color-bg-root);border-color:var(--color-border)}.through-button:focus{outline:none}.through-button:disabled{opacity:.4;cursor:not-allowed}.ui-panel{background:var(--color-panel);border:none;border-radius:var(--panel-border-radius);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);width:var(--panel-width);min-width:var(--panel-width);max-width:none;position:relative;pointer-events:all;transform:translateZ(0);will-change:transform;backface-visibility:hidden;box-sizing:border-box;transition:none}.ui-panel.fixed{position:fixed;z-index:1000}.ui-panel{vertical-align:middle}.ui-panel .panel-title{display:inline-block;white-space:normal;overflow:visible;text-overflow:clip;vertical-align:middle;word-break:break-word;flex:1 1 auto;min-width:0}.panel-header{background:var(--color-panel);border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);position:relative;display:flex;justify-content:space-between;align-items:center;cursor:default;min-width:0;flex:0 0 auto}.panel-title{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-primary)}.panel-title:has(.panel-title-icon),.panel-title.has-icon{display:flex;align-items:center;gap:6px}.panel-title-icon{display:inline-block;height:1em;flex-shrink:0;object-fit:contain}.panel-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.panel-footer{background:var(--color-panel);border-top:1px solid var(--color-border);padding:0;display:flex;align-items:stretch;justify-content:space-between;height:32px;position:relative}.panel-content{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);overflow-x:hidden;box-sizing:border-box;background-image:repeating-linear-gradient(to right,var(--color-border) 0,var(--color-border) 30px,transparent 30px,transparent 33px),repeating-linear-gradient(to bottom,var(--color-border) 0,var(--color-border) 30px,transparent 30px,transparent 33px),repeating-linear-gradient(to bottom,var(--color-border) 0,var(--color-border) 30px,transparent 30px,transparent 33px);background-size:100% 1px,1px 100%,1px 100%;background-position:0 100%,0 0,100% 0;background-repeat:no-repeat}.panel-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track{background:var(--color-panel);border-left:1px solid #333}.panel-content::-webkit-scrollbar-thumb{background:#333;border:1px solid var(--color-border)}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-primary)}.panel-content.collapsed{display:none}.panel-content.collapsed~.panel-footer{display:none!important}.ui-panel button:disabled,.panel-btn:disabled{opacity:1;cursor:not-allowed;background:var(--color-panel)!important;color:var(--color-text-primary)!important;border-color:var(--color-border)!important}.panel-btn:focus{outline:none}.ui-panel input:focus,.ui-panel select:focus,.ui-panel textarea:focus{outline:1px solid var(--color-border);outline-offset:0}.ui-panel button:focus,.ui-panel button:focus-visible{outline:none}.panel-divider{margin:var(--space-sm) calc(-1 * var(--space-md));padding:var(--space-sm) 0;font-size:var(--font-size-regular);color:var(--color-text-primary);text-align:center;letter-spacing:2px;font-family:var(--font-family-mono);position:relative;display:flex;align-items:center;width:calc(100% + 2 * var(--space-md))}.panel-divider:before,.panel-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.panel-divider:before{margin-right:var(--space-sm)}.panel-divider:after{margin-left:var(--space-sm)}.property-panel{animation:none!important}.panel-hidden{display:none!important}.property-panel .panel-header .panel-title{font-size:var(--font-size-sm)}.panel-placeholder{visibility:hidden;pointer-events:none;border:none!important;padding:0!important}@media(max-width:768px){.ui-panel{width:180px;min-width:180px;max-width:180px}}#video-input{display:none!important;visibility:hidden!important;position:absolute!important;left:-9999px!important;top:-9999px!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}.video-transport-controls{display:flex;gap:var(--space-xs);margin-bottom:var(--space-xs)}.video-transport-controls .transport-btn{padding:var(--space-xxs) var(--space-sm);background:var(--color-panel);color:var(--color-text-primary);border:1px solid var(--color-border);font-family:var(--font-family-mono);font-size:var(--font-size-regular);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast, .1s),color var(--transition-fast, .1s)}.video-transport-controls .transport-btn.fill-button,.video-transport-controls .transport-btn.fill-button:hover,.video-transport-controls .transport-btn.fill-button[data-state=playing],.video-transport-controls .transport-btn.fill-button[data-state=paused]{background:transparent!important;color:var(--color-border)!important}.video-transport-controls .transport-btn:not(.fill-button):hover{background:var(--color-border);color:var(--color-text-inverse)}.video-transport-controls .transport-btn:not(.fill-button):active{background:#0a0a0a;transform:translateY(1px)}.video-transport-controls .transport-btn:disabled{opacity:.3;cursor:not-allowed}.video-transport-controls .transport-btn:not(.fill-button)[data-state=playing]{background:var(--color-border);color:var(--color-text-inverse);border-color:#fff}.video-transport-controls .transport-btn:not(.fill-button)[data-state=paused]{background:#1a1a1a;color:var(--color-text-primary)}.video-timeline-container{display:flex;flex-direction:column;gap:var(--space-xxs);margin-top:var(--space-sm)}.video-timeline-container .timeline,#video-timeline{margin:var(--space-xxs) 0}.video-time-display{display:flex;justify-content:space-between;font-size:var(--font-size-regular);color:#888;font-family:var(--font-family-mono)}.video-transport-label{display:block;font-size:var(--font-size-regular);margin-bottom:var(--space-xs);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-family-mono)}.property-row{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.property-row label{font-size:var(--font-size-regular);color:var(--color-text-primary);min-width:50px}.property-row input[type=range]{flex:1;height:4px;background:#333;border:none;outline:none;-webkit-appearance:none;appearance:none}.property-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--color-border);cursor:pointer}.property-row input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--color-border);border:none;cursor:pointer}.property-row select{flex:1;background:var(--color-bg-root);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-regular);padding:4px}.property-value{font-size:var(--font-size-regular);color:var(--color-text-muted);min-width:35px;text-align:right}.project-dropdown-wrapper{position:relative;width:100%;margin-top:0;z-index:1}.project-dropdown-button{width:100%;background-color:var(--color-panel);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);line-height:1.2;padding:var(--space-xs) var(--space-sm);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;box-sizing:border-box;min-height:calc(var(--space-xs) * 2 + var(--font-size-xs) * 1.2 + 2px);transition:background-color var(--transition-fast),color var(--transition-fast);display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.project-dropdown-button:hover{background-color:var(--color-border);color:var(--color-text-inverse)}.project-dropdown-button:focus,.project-dropdown-button:focus-visible{outline:none!important;box-shadow:none!important;border-color:var(--color-border)}.project-dropdown-button:active{background-color:#a0a0a0;color:var(--color-text-inverse);transform:translateY(1px)}.project-dropdown-button[aria-expanded=true]{background-color:var(--color-border);color:var(--color-text-inverse)}.project-dropdown-selected{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.project-dropdown-arrow{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--space-xs);font-size:8px;line-height:1;transition:transform var(--transition-fast);flex-shrink:0}.project-dropdown-button[aria-expanded=true] .project-dropdown-arrow{transform:rotate(180deg)}.project-dropdown-menu{background-color:var(--color-panel);border:1px solid var(--color-border);border-top:none;max-height:300px;overflow-y:auto;overflow-x:hidden;z-index:10000;display:none;margin-top:-1px;box-shadow:0 2px 8px #0000004d;min-width:0;box-sizing:border-box}.project-dropdown-menu::-webkit-scrollbar{width:8px}.project-dropdown-menu::-webkit-scrollbar-track{background:var(--color-panel)}.project-dropdown-menu::-webkit-scrollbar-thumb{background:var(--color-border);border:1px solid var(--color-panel)}.project-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.project-dropdown-wrapper.open .project-dropdown-menu{display:block!important}.project-dropdown-option{padding:var(--space-xs) var(--space-sm);background-color:var(--color-panel);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);border-bottom:1px solid transparent;outline:none}.project-dropdown-option:focus{background-color:var(--color-panel);color:var(--color-text-primary);outline:none}.project-dropdown-option:last-child{border-bottom:none}.project-dropdown-option:hover{background-color:var(--color-border);color:var(--color-text-inverse)}.project-dropdown-option.selected{background-color:var(--color-panel);color:var(--color-text-primary)}.project-dropdown-option.selected:hover{background-color:var(--color-border);color:var(--color-text-inverse)}.project-dropdown-option.disabled{background-color:var(--color-panel);color:var(--color-text-primary);cursor:not-allowed;opacity:.5}.project-dropdown-option.disabled:hover{background-color:var(--color-panel);color:var(--color-text-primary);opacity:.5}.project-dropdown-hidden{display:none!important}.project-dropdown-row{display:flex;flex-direction:column;gap:var(--space-xxs);margin-top:var(--space-xs)}.project-dropdown-label{font-size:var(--font-size-regular);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.text-font-row{display:flex;align-items:center;gap:var(--space-sm)}.text-font-row .text-font-select{display:none}.text-font-row .text-font-dropdown{flex:1 1 auto;min-width:0}.text-font-row .text-font-dropdown .project-dropdown-wrapper{width:100%}.text-font-row .text-align-buttons{margin-left:auto;flex:0 0 auto;width:auto}.text-align-btn,.text-font-upload-btn{flex:0 0 24px;background:var(--color-panel);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);width:24px;height:24px;padding:0;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;box-sizing:border-box;transition:background var(--transition-fast),color var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.text-align-btn:hover,.text-font-upload-btn:hover{background:var(--color-border);color:var(--color-text-inverse)}.text-align-btn.active{background:var(--color-border);color:var(--color-text-inverse);border-color:var(--color-border)}.text-font-upload-btn:disabled{opacity:.5;cursor:not-allowed}.text-align-buttons{display:flex;gap:var(--space-xxs);width:100%;justify-content:flex-start;align-items:center;box-sizing:border-box}.text-align-buttons .text-align-btn{flex:0 0 24px}.text-color-swatch{width:18px;height:18px;border:1px solid var(--color-border);cursor:default;background:#fff;box-sizing:border-box;pointer-events:none}.text-color-swatch:hover{transform:none;z-index:auto}#text-properties-section .property-group{margin-bottom:0}#text-properties-section .property-group:not(:has(.main-slider)){margin-bottom:var(--space-sm)}#text-color-editor{margin:var(--space-xxs) 0;padding:var(--space-sm);border:1px solid var(--color-border);background:var(--color-panel);display:none;text-align:center}#text-color-editor input[type=range]{width:100%;margin:var(--space-xxs) auto;display:block}#text-color-wheel{display:inline-block;margin:var(--space-xs) 0}.text-size-input{width:26px;padding:2px 4px;background:transparent!important;color:var(--color-text-primary);border:none!important;border-bottom:1px solid var(--color-border)!important;border-radius:0!important;box-shadow:none!important;font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-align:center;-webkit-appearance:none;-moz-appearance:textfield;appearance:textfield}.text-size-input::-webkit-outer-spin-button,.text-size-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.text-size-input:focus{outline:none!important;border-bottom:1px solid var(--color-border)!important;background:transparent!important;box-shadow:none!important}.text-input-area,#text-content{background:var(--color-panel);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-base);padding:var(--space-xs);box-sizing:border-box;width:100%;resize:vertical}.text-input-area:focus,#text-content:focus{outline:1px solid var(--color-border);outline-offset:0;background:var(--color-panel)}#charset-panel .panel-content{gap:0}#charset-panel .panel-content>*:not(.main-slider){margin-top:var(--space-sm)}#charset-panel .panel-content>*:not(.main-slider):first-child{margin-top:0}#palette-algorithm-dropdown{margin-top:0}#charset-panel .panel-content>.panel-divider+.main-slider{margin-top:0!important}.charset-slider,#charset-length,#algorithm-level{width:100%;margin:var(--space-xxs) 0}#charset-length{margin-top:0;margin-bottom:15px}#algorithm-level{margin-top:8px;margin-bottom:0}#charset-panel #custom-charset{width:100%;margin:var(--space-xxs) 0;margin-top:var(--space-xxs)!important;padding:var(--space-xs);font-family:var(--font-family-mono);font-size:var(--font-size-xs);line-height:1;box-sizing:border-box;height:calc(var(--space-xs) * 2 + var(--font-size-xs) + 2px)}#charset-panel #new-charset{width:100%;margin:var(--space-xxs) 0 var(--space-sm);margin-top:var(--space-xxs)!important}#ascii-panel-title{letter-spacing:1px}#charset-panel .panel-header{justify-content:flex-start}#charset-panel .panel-header .panel-title{margin-right:auto}.fill-button{position:relative;border-top:1px solid var(--color-border)!important;border-left:1px solid var(--color-border)!important;border-right:1px solid var(--color-border)!important;border-bottom:3px solid var(--color-border)!important;overflow:hidden;padding:var(--space-xs) var(--space-sm);margin:0;width:100%!important;background:transparent;cursor:pointer;font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;box-sizing:border-box;transition:transform var(--transition-fast);color:var(--color-border);white-space:nowrap;flex-shrink:0;text-align:center;z-index:2;min-height:calc(var(--space-xs) * 2 + var(--font-size-xs) + 4px);line-height:1}.fill-button:before{content:"";position:absolute;inset:0;background-color:var(--color-bg-root);background-image:var(--layer-header-fill-default);background-repeat:repeat;background-size:33px 33px;z-index:0;transition:background-image var(--transition-fast),background-color 0s}.fill-button:hover:before{background-image:var(--layer-header-fill-active)}.fill-button.is-active:before,.fill-button.active:before{background-image:var(--layer-header-fill-active)}.fill-button:active{transform:translateY(1px)}.fill-button:active:before{background-image:none!important;background-color:#b4b4b4!important;transition:background-color 0s}.fill-button>.fill-button__label{position:absolute;left:50%;top:0;transform:translate(-50%);width:fit-content;height:100%;display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-root);color:var(--color-border);z-index:1;padding:0 8px;border:none;transition:none;contain:layout style paint}.fill-button:hover,.fill-button:active,.fill-button:focus,.fill-button:focus-visible{background:transparent!important;color:var(--color-border)!important;outline:none!important;border-top-color:var(--color-border)!important;border-left-color:var(--color-border)!important;border-right-color:var(--color-border)!important;border-bottom-color:var(--color-border)!important;border-bottom-width:3px!important;box-shadow:none!important}.fill-button:hover>.fill-button__label,.fill-button:active>.fill-button__label,.fill-button:focus>.fill-button__label,.fill-button:focus-visible>.fill-button__label{background:var(--color-bg-root)!important;color:var(--color-border)!important}button,.preset-btn,.charset-btn,.algorithm-btn{background:var(--color-panel);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;box-sizing:border-box;flex-shrink:0;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}button:hover,.preset-btn:hover,.charset-btn:hover,.algorithm-btn:hover{background:var(--color-border);color:var(--color-text-inverse)}button:focus,.preset-btn:focus,.charset-btn:focus,.algorithm-btn:focus,button:focus-visible,.preset-btn:focus-visible,.charset-btn:focus-visible,.algorithm-btn:focus-visible{outline:none!important;box-shadow:none!important}button:active,.preset-btn:active,.charset-btn:active,.algorithm-btn:active{background:#a0a0a0;color:var(--color-text-inverse);transform:translateY(1px)}.preset-btn.active,.charset-btn.active,.algorithm-btn.active{background:var(--color-border)!important;color:var(--color-text-inverse)!important;border-color:var(--color-border)!important}.preset-btn.active:active,.charset-btn.active:active,.algorithm-btn.active:active{background:#a0a0a0!important;transform:translateY(1px)}.fill-button.active{background:transparent!important;color:var(--color-border)!important;border-top-color:var(--color-border)!important;border-left-color:var(--color-border)!important;border-right-color:var(--color-border)!important;border-bottom-color:var(--color-border)!important;border-bottom-width:3px!important}input[type=text],input[type=number],.text-size-input{background:var(--color-panel);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-base);padding:4px 0;outline:none}input[type=text]:focus,input[type=number]:focus{background:var(--color-panel)}input[type=range]{width:100%;height:var(--slider-track-height);background:transparent;outline:none;-webkit-appearance:none;appearance:none;border:none;margin:0;padding:0;transform:translateZ(0);will-change:transform;cursor:pointer;display:block}input[type=range]::-webkit-slider-track,input[type=range]::-webkit-slider-runnable-track{background:var(--slider-track-color);height:var(--slider-track-height);border-radius:0;border:none;-webkit-appearance:none;appearance:none;opacity:1;visibility:visible;box-shadow:none;outline:none;margin:0;padding:0}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-track,input[type=range]:active::-webkit-slider-track,input[type=range]:focus::-webkit-slider-runnable-track,input[type=range]:active::-webkit-slider-runnable-track{height:var(--slider-track-height)}input[type=range]:focus::-moz-range-track,input[type=range]:active::-moz-range-track{height:var(--slider-track-height)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--slider-thumb-background);width:var(--slider-thumb-width);height:var(--slider-thumb-height);border-radius:var(--slider-thumb-border-radius);border:var(--slider-thumb-border-width) solid var(--slider-thumb-border-color);box-shadow:inset 0 0 0 var(--slider-thumb-inner-border-width) var(--slider-thumb-inner-border-color);margin-top:calc((var(--slider-track-height) - var(--slider-thumb-height)) / 2);position:relative;z-index:2;box-sizing:border-box}input[type=range]::-moz-range-track{background:var(--slider-track-color);height:var(--slider-track-height);border-radius:0;border:none;opacity:1;visibility:visible;box-shadow:none;outline:none;margin:0;padding:0}input[type=range]::-moz-range-thumb{appearance:none;background:var(--slider-thumb-background);width:var(--slider-thumb-width);height:var(--slider-thumb-height);border-radius:var(--slider-thumb-border-radius);border:var(--slider-thumb-border-width) solid var(--slider-thumb-border-color);box-shadow:inset 0 0 0 var(--slider-thumb-inner-border-width) var(--slider-thumb-inner-border-color);position:relative;z-index:2;box-sizing:border-box}input[type=range]::-ms-thumb{appearance:none;background:var(--slider-thumb-background);width:var(--slider-thumb-width);height:var(--slider-thumb-height);border-radius:var(--slider-thumb-border-radius);border:var(--slider-thumb-border-width) solid var(--slider-thumb-border-color);box-shadow:inset 0 0 0 var(--slider-thumb-inner-border-width) var(--slider-thumb-inner-border-color);margin-top:0;box-sizing:border-box}input[type=range]:disabled{opacity:.5;cursor:not-allowed}input[type=range]:disabled::-webkit-slider-thumb,input[type=range]:disabled::-moz-range-thumb{cursor:not-allowed;pointer-events:none}label:has(input[type=range]:disabled){opacity:.5}input[type=checkbox]{width:16px;height:16px;background:var(--color-panel);border:1px solid var(--color-border);border-radius:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}input[type=checkbox]:checked{background:var(--color-border)}input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-2px;left:2px;color:var(--color-text-inverse);font-size:var(--font-size-regular)}input[type=color]{background:var(--color-panel);border:1px solid var(--color-border);width:30px;height:20px;cursor:pointer}input[type=color]:disabled{opacity:.3;cursor:not-allowed;border:1px solid #444}select{background:var(--color-panel);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);padding:4px 6px;outline:none;width:100%}label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}label.main-slider .main-slider__value,.main-slider__value{text-transform:none!important}label.main-slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:0;width:100%;font-family:var(--font-family-mono);font-size:var(--slider-label-font-size);color:var(--slider-label-color)}.main-slider+.main-slider{margin-top:12px}.main-slider__label{white-space:nowrap;text-transform:uppercase;margin-right:var(--space-sm)}.main-slider__track{display:flex;align-items:center;width:100%}.main-slider__track input[type=range]{width:100%}.main-slider__value{text-align:right;min-width:var(--slider-value-min-width);font-family:var(--font-family-mono);font-size:var(--slider-label-font-size);color:var(--slider-label-color);text-transform:none;margin-left:-4px}input[type=range].point-slider-down::-webkit-slider-thumb,input[type=range]#charset-length::-webkit-slider-thumb,input[type=range]#color-count::-webkit-slider-thumb,input[type=range].dither-color-count::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:16px!important;height:14px!important;background-image:url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1 L15 1 L8 13 Z' fill='%23030303' stroke='%23B4B4B4'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:contain!important;background-color:transparent!important;margin-top:calc((var(--slider-track-height) - 14px) / 2)!important;position:relative!important;z-index:2!important;cursor:pointer!important;box-shadow:none!important;border:none!important;border-radius:0!important}input[type=range].point-slider-down::-moz-range-thumb,input[type=range]#charset-length::-moz-range-thumb,input[type=range]#color-count::-moz-range-thumb,input[type=range].dither-color-count::-moz-range-thumb{appearance:none!important;width:16px!important;height:14px!important;background-image:url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1 L15 1 L8 13 Z' fill='%23030303' stroke='%23B4B4B4'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:contain!important;background-color:transparent!important;border:none!important;border-radius:0!important;position:relative!important;z-index:2!important;cursor:pointer!important;box-shadow:none!important}.point-slider-up::-webkit-slider-thumb,#algorithm-level::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:14px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1 L15 13 L1 13 Z' fill='%23030303' stroke='%23B4B4B4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;background-size:contain;background-color:transparent;margin-top:calc((var(--slider-track-height) - 14px) / 2);position:relative;z-index:2;cursor:pointer;box-shadow:none;border:none;border-radius:0}.point-slider-up::-moz-range-thumb,#algorithm-level::-moz-range-thumb{appearance:none;width:16px;height:14px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1 L15 13 L1 13 Z' fill='%23030303' stroke='%23B4B4B4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;background-size:contain;background-color:transparent;border:none;border-radius:0;position:relative;z-index:2;cursor:pointer;box-shadow:none}#color-count,.dither-color-count{width:calc(100% - 5px)!important;margin-left:2.5px!important;margin-right:2.5px!important;padding:0!important;box-sizing:border-box!important}#charset-panel .panel-content>.panel-divider:has(+.color-mode-buttons){margin-bottom:0!important}.color-mode-buttons{display:flex;gap:var(--space-xs);margin-bottom:var(--space-sm)}#charset-panel .color-mode-buttons{margin-top:5px}.color-mode-btn{flex:1;padding:var(--space-xs) var(--space-sm);background:var(--color-panel);color:var(--color-text-primary);border:1px solid var(--color-border);cursor:pointer;font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;box-sizing:border-box;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.color-mode-btn:hover{background:var(--color-border);color:var(--color-text-inverse)}.color-mode-btn:focus,.color-mode-btn:focus-visible{outline:none!important;border:1px solid var(--color-border)!important;box-shadow:none!important}.color-mode-btn:active{background:#a0a0a0;color:var(--color-text-inverse);transform:translateY(1px)}.color-mode-btn.active,#quantization-toggle.active,#dithering-toggle.active{background:var(--color-border)!important;color:var(--color-text-inverse)!important}.color-mode-btn.active:active,#quantization-toggle.active:active,#dithering-toggle.active:active{background:#a0a0a0!important;transform:translateY(1px)}.charset-category-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xxs)}.charset-category-btn{padding:var(--space-xs);background:var(--color-panel);color:var(--color-text-primary);border:1px solid var(--color-border);cursor:pointer;font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;box-sizing:border-box;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.charset-category-btn:hover,.charset-category-btn.active{background:var(--color-border);color:var(--color-text-inverse)}.swatch-editor{margin:var(--space-xxs) 0;padding:var(--space-sm);border:1px solid var(--color-border);background:var(--color-panel);display:none;text-align:center}#swatch-editor{margin-top:var(--space-sm);margin-bottom:0}#text-color-editor-v2,#base-color-editor{display:none}.effect-properties>.color-mode-btn{margin-bottom:var(--space-xs)}.effect-properties>.panel-divider+.color-mode-btn{margin-top:0}.tonal-editors-container{display:block;margin-top:0}.tonal-editors-container>.slider-row{margin-top:0;margin-bottom:16px}.tonal-editors-container .color-wheel-editor{margin-top:var(--space-sm)}.dither-color-count{margin-top:0!important;margin-bottom:var(--space-xxs)!important}.tonal-editors-container .palette-swatches{margin-top:12px!important;margin-bottom:var(--space-sm)}#text-properties-section .text-color-group{margin-bottom:0!important;margin-top:12px}#base-properties-section .property-group{margin-bottom:0;display:flex;flex-direction:column;gap:0}#base-properties-section .base-border-controls{margin-top:5px;margin-bottom:5px}#base-fit-mode-group{grid-template-columns:1fr;margin-top:5px;margin-bottom:5px}#base-fit-mode-group .fit-mode-btn{width:100%}#base-color-editor{margin-top:5px}#hue-slider{margin:var(--space-xxs) 0 var(--space-sm)}#hue-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important;height:2px!important;border:none!important;border-radius:0}#hue-slider::-moz-range-track{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important;height:2px!important;border:none!important;border-radius:0}#hue-slider::-webkit-slider-thumb,#hue-slider::-moz-range-thumb,#hue-slider::-ms-thumb{background:#fff!important;border:2px solid var(--color-bg-root)!important;width:12px!important;height:12px!important;border-radius:0;box-shadow:0 0 2px #03030380}#lightness-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,#333,#fff)!important;height:2px!important;border:none!important;border-radius:0}#lightness-slider::-moz-range-track{background:linear-gradient(to right,#333,#fff)!important;height:2px!important;border:none!important;border-radius:0}#hue-slider,#lightness-slider,#color-count{margin:var(--space-xxs) 0}#hue-slider+#lightness-slider,#lightness-slider+#color-count{margin-top:16px}.slider-row{display:flex;gap:var(--space-sm);margin:var(--space-xxs) 0}.slider-item{flex:1;display:flex;flex-direction:column;gap:var(--space-xxs)}.slider-item label{font-size:var(--font-size-xs);margin:0;text-align:center}.slider-item input[type=range]{width:100%}.bg-tone-preview{width:100%;height:20px;border:1px solid var(--color-border);margin:var(--space-xxs) 0 0;background:var(--bg-color, #030303);cursor:pointer}.checkbox-row{display:flex;gap:var(--space-sm);margin:var(--space-sm) 0}.checkbox-row label{margin:0}.palette-swatches{display:flex;flex-wrap:wrap;gap:2px;margin-top:var(--space-sm);margin-bottom:var(--space-xxs);padding:0;background:var(--color-panel);min-height:20px}.palette-swatch{width:21px;height:21px;border:1px solid var(--color-border);cursor:pointer;transition:transform var(--transition-fast);flex-shrink:0}.palette-swatch:hover,.palette-swatch.editing{transform:scale(1.27);z-index:10}.color-wheel-editor{position:relative;box-sizing:border-box;padding:20px 0 var(--space-sm) 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.color-wheel-editor:before,.color-wheel-editor:after{content:"";position:absolute;pointer-events:none}.color-wheel-editor:before{top:0;left:0;right:0;height:1px;background:linear-gradient(to right,var(--color-border) 0,var(--color-border) calc(50% - 21px),transparent calc(50% - 21px),transparent calc(50% + 21px),var(--color-border) calc(50% + 21px),var(--color-border) 100%)}.color-wheel-editor:after{bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,var(--color-border) 0,var(--color-border) calc(50% - 21px),transparent calc(50% - 21px),transparent calc(50% + 21px),var(--color-border) calc(50% + 21px),var(--color-border) 100%)}.color-wheel-editor{background-image:linear-gradient(to bottom,var(--color-border) 0,var(--color-border) calc(50% - 21px),transparent calc(50% - 21px),transparent calc(50% + 21px),var(--color-border) calc(50% + 21px),var(--color-border) 100%),linear-gradient(to bottom,var(--color-border) 0,var(--color-border) calc(50% - 21px),transparent calc(50% - 21px),transparent calc(50% + 21px),var(--color-border) calc(50% + 21px),var(--color-border) 100%);background-size:1px 100%,1px 100%;background-position:left center,right center;background-repeat:no-repeat}.color-wheel-editor__eyedropper{position:absolute;top:var(--space-sm);left:var(--space-sm);width:18px;height:18px;margin:0;z-index:10;border:1px solid var(--color-border);box-sizing:border-box;background:var(--color-panel) url("data:image/svg+xml,%3csvg%20width='13'%20height='13'%20viewBox='0%200%2013%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.15%200V2.6H10.4V5.85H13V7.15H10.4V10.4H7.15V13H5.85V10.4H2.6V7.15H0V5.85H2.6V2.6H5.85V0H7.15ZM3.9%203.9V9.1H9.1V3.9H3.9ZM5.2%205.2H7.8V7.8H5.2V5.2Z'%20fill='%23B4B4B4'/%3e%3c/svg%3e") no-repeat center center;background-size:10px 10px;cursor:pointer}.color-wheel-editor__eyedropper:hover{border-color:var(--color-text-primary)}.color-wheel-editor__eyedropper:focus{outline:none}.color-wheel-editor__swatch{position:absolute;top:var(--space-sm);right:var(--space-sm);width:18px;height:18px;margin:0;z-index:10;border:1px solid var(--color-border);box-sizing:border-box;background:#fff}.color-wheel-editor__wheel{display:flex;align-items:center;justify-content:center;width:100%}.color-wheel-editor__wheel .IroWheelBorder{border-color:var(--color-border)!important}.color-wheel-editor__lightness-wrapper{display:flex;align-items:center;gap:var(--space-xs);width:100%;margin-top:var(--space-sm);padding:0 var(--space-sm);box-sizing:border-box;align-self:stretch}.color-wheel-editor__lightness-label{font-family:var(--font-family-mono);font-size:var(--font-size-regular);color:var(--color-text-primary);flex-shrink:0;line-height:1;vertical-align:middle}.color-wheel-editor__lightness-slider{flex:1;margin:0;height:4px;-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:0;cursor:pointer}.color-wheel-editor__lightness-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--color-text-primary);border:1px solid var(--color-border);border-radius:0;cursor:pointer}.color-wheel-editor__lightness-slider::-moz-range-thumb{width:12px;height:12px;background:var(--color-text-primary);border:1px solid var(--color-border);border-radius:0;cursor:pointer}.color-wheel-editor__lightness-slider:focus{outline:none}.color-wheel-editor__lightness-slider:focus::-webkit-slider-thumb{outline:none}.color-wheel-editor--compact{padding-top:15px}.color-wheel-editor--compact .color-wheel-editor__eyedropper,.color-wheel-editor--compact .color-wheel-editor__swatch{width:14px;height:14px}.color-wheel-editor--compact .color-wheel-editor__eyedropper{background-size:8px 8px}.color-wheel-editor--no-border:before,.color-wheel-editor--no-border:after{display:none}.color-wheel-editor--no-border{background-image:none}.color-wheel-editor--no-eyedropper .color-wheel-editor__eyedropper,.color-wheel-editor--no-swatch .color-wheel-editor__swatch,.color-wheel-editor--no-lightness .color-wheel-editor__lightness-wrapper{display:none}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#030303cc;display:flex;justify-content:center;align-items:center;z-index:10000}.dialog-box{background:var(--color-panel);border:1px solid var(--color-border);width:340px;max-width:90vw;font-family:var(--font-family-base);color:var(--color-text-primary)}.dialog-header{background:var(--color-panel);border-bottom:1px solid var(--color-border);padding:var(--space-sm) var(--space-md)}.dialog-title{text-transform:uppercase;letter-spacing:1px;font-size:var(--font-size-xs)}.dialog-content{padding:var(--space-md) var(--space-md)}.dialog-content label{display:block;margin-bottom:var(--space-xs);font-size:var(--font-size-xs)}.dialog-content p{margin:0;font-family:Inter,sans-serif;font-size:13px;font-weight:400;line-height:1.5}.dialog-input{width:100%;background:var(--color-panel);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--space-xs) var(--space-sm);font-family:Inter,sans-serif;font-size:13px;box-sizing:border-box}.dialog-footer{background:var(--color-panel);border-top:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);display:flex;justify-content:flex-end;gap:var(--space-xs)}.dialog-btn{background:var(--color-panel);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--space-xxs) var(--space-md);font-family:var(--font-family-mono);font-size:var(--font-size-xs);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:background var(--transition-fast),color var(--transition-fast);min-width:70px;text-align:center}.dialog-btn:hover{background:var(--color-border);color:var(--color-text-inverse)}.dialog-btn:focus,.dialog-btn:focus-visible{outline:none!important;box-shadow:none!important;border-color:var(--color-border)!important}.dialog-btn:active{background:#a0a0a0!important;color:var(--color-text-inverse)!important;transform:translateY(1px)!important}.dialog-input:focus{outline:none;border-color:var(--color-text-primary)}.dialog-btn-primary{background:var(--color-text-primary);color:var(--color-bg-root);border-color:var(--color-text-primary)}.dialog-btn-primary:hover{background:var(--color-text-muted);border-color:var(--color-text-muted)}.shader-effects-content,.effect-properties{box-sizing:border-box;width:100%;display:flex;flex-direction:column;gap:0}.effect-properties label{margin:0}.category-divider{color:var(--color-text-primary);font-size:var(--font-size-xs);letter-spacing:1px;margin-top:var(--space-md);margin-bottom:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid #333;text-transform:uppercase}.patreon-gate{position:fixed;inset:0;background:#030303f2;z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px;transition:opacity .2s ease}.patreon-gate--hidden{opacity:0;pointer-events:none}.patreon-gate__panel{width:min(420px,100%);border:1px solid var(--color-border, #b4b4b4);background:#000000eb;padding:32px;text-align:center;font-family:var(--font-family-mono, "VCR OSD Mono", monospace);color:var(--color-text-primary, #f5f5f5);box-shadow:0 10px 40px #000000bf}.patreon-gate__panel--warning{border-color:var(--color-border, #b4b4b4);box-shadow:0 10px 40px #000000bf}.patreon-gate__eyebrow{font-size:12px;letter-spacing:.2em;color:var(--color-text-secondary, #b4b4b4);margin-bottom:8px}.patreon-gate__title{font-size:20px;margin:0 0 8px}.patreon-gate__message{font-size:14px;line-height:1.4;color:var(--color-text-secondary, #b4b4b4);min-height:48px;margin-bottom:20px}.patreon-gate__status{font-size:13px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px}.patreon-gate__cta,.patreon-gate__secondary,.patreon-gate__tertiary{width:100%;padding:14px;font-size:14px;text-transform:uppercase;border:1px solid var(--color-border, #b4b4b4);background:var(--color-border, #b4b4b4);color:#030303;cursor:pointer;transition:background .12s ease}.patreon-gate__cta:disabled{opacity:.6;cursor:progress}.patreon-gate__cta--alert{background:#ff6b6b;border-color:#ff6b6b;color:#030303}.patreon-gate__secondary{margin-top:8px;background:transparent;color:var(--color-border, #b4b4b4)}.patreon-gate__tertiary{margin-top:8px;background:transparent;color:var(--color-text-secondary, #8f8f8f);border-style:dashed}.patreon-gate__tertiary:hover{color:var(--color-text-primary, #f5f5f5)}.patreon-gate__hint{font-size:12px;color:var(--color-text-secondary, #8f8f8f);margin-top:16px}.patreon-status-pill{position:fixed;left:16px;bottom:24px;z-index:2500;display:flex;flex-direction:column;gap:4px;color:var(--color-text-primary, #f5f5f5);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:10px;font-weight:300;line-height:1;transition:opacity .2s ease}.patreon-status-pill--hidden{opacity:0;pointer-events:none}.patreon-status-pill__user{font-size:10px;font-weight:300;letter-spacing:0em;color:#333}.patreon-status-pill__tier{font-size:10px;color:#333}.patreon-status-pill__logout-btn{margin-top:4px;align-self:flex-start;background:none;border:none;padding:0;color:#333;font:inherit;font-size:10px;text-transform:uppercase;cursor:pointer;text-decoration:none}.patreon-status-pill__logout-btn:hover{text-decoration:underline}.patreon-gate__dev-toggle{position:fixed;bottom:16px;left:16px;z-index:3200;padding:6px 12px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#030303d9;color:var(--color-text-primary, #f5f5f5);font-family:var(--font-family-mono, "VCR OSD Mono", monospace);font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .12s ease,border-color .12s ease}.patreon-gate__dev-toggle:focus-visible{outline:2px dashed rgba(255,255,255,.7);outline-offset:2px}