:root{--color-dominant:#080808;--color-secondary:#1c1c1c;--color-accent-a:#ff6a00;--color-accent-b:#00ff41;--color-disabled:#c20;--color-surface-raised:#111;--color-section-header-bg:#191919;--color-border:#2e2e2e;--color-border-hover:#404040;--color-track:#2a2a2a;--color-text:#c8c8c8;--color-text-subtle:#888;--color-text-muted:#555;--color-overlay-disabled:#0d0d0d99;--color-dragover-bg:#1c1810;--color-accent-a-glow:#ff6a001f;--color-accent-b-glow:#00ff4114;--color-accent-b-glow-strong:#00ff4126;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-size-label:11px;--font-size-body:13px;--font-size-heading:15px;--font-size-display:18px;--font-control:"Geist Mono", monospace;--font-text:"IBM Plex Mono", monospace;--font-weight-regular:400;--font-weight-semibold:600;--line-height-label:1.4;--line-height-body:1.5;--line-height-heading:1.2;--line-height-display:1.1;--letter-spacing-uppercase:.1em;--radius-card:6px;--radius-pill:9999px;--radius-sm:3px;--touch-target:44px;--panel-width:300px;--left-panel-width:240px;--right-panel-width:300px;--header-height:56px;--z-canvas:1;--z-overlay:10;--z-panel:20;--z-modal:100;--z-modal-top:101;--preset-card-thumb-w:160px;--preset-card-thumb-h:90px;--preset-modal-max-w:800px;--preset-grid-cols:3;--video-controls-height:44px;--scrub-track-height:4px;--ascii-card-preview-h:48px}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Source Code Pro;src:url(/fonts/SourceCodePro-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/fonts/RobotoMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--color-dominant);color:var(--color-text);font-family:var(--font-text);font-size:var(--font-size-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{grid-template-rows:var(--header-height) 1fr;grid-template-columns:var(--left-panel-width) 1fr var(--right-panel-width);background:var(--color-dominant);min-width:1020px;height:100vh;display:grid;overflow:hidden}.app-header{z-index:var(--z-panel);grid-area:1/1/auto/-1;position:relative}.app-header:after{content:"";pointer-events:none;z-index:var(--z-overlay);background:repeating-linear-gradient(0deg,#00000012 0 1px,#0000 1px 2px);position:absolute;inset:0}.app-left{grid-area:2/1;overflow:hidden}.app-canvas-area{grid-area:2/2;min-width:0;min-height:0;position:relative;overflow:hidden}.app-right{grid-area:2/3;overflow:hidden}.header{height:var(--header-height);padding:0 var(--space-md);background:var(--color-dominant);border-bottom:1px solid var(--color-border);white-space:nowrap;justify-content:space-between;align-items:center;gap:var(--space-md);flex-shrink:0;display:flex;overflow:hidden}.header__wordmark{font-family:var(--font-text);font-size:var(--font-size-display);font-weight:var(--font-weight-semibold);color:var(--color-accent-a);text-shadow:0 0 12px #ff6a0080,0 0 24px #ff6a0033;letter-spacing:.15em;text-transform:uppercase;line-height:var(--line-height-display);flex-shrink:0}.header__actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.header__surprise-btn{font-family:var(--font-text);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);border:1px solid var(--color-border);border-radius:var(--radius-pill);height:32px;padding:0 var(--space-md);cursor:pointer;background:0 0;transition:border-color .15s,color .15s}.header__surprise-btn:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-accent-a)}.header__surprise-btn:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:2px}.header__surprise-btn:disabled{opacity:.25;cursor:not-allowed}.header__download-btn{font-family:var(--font-text);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-dominant);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);background:var(--color-accent-a);border-radius:var(--radius-pill);cursor:pointer;height:32px;padding:0 var(--space-md);border:none;align-items:center;transition:opacity .15s,box-shadow .15s;display:flex;box-shadow:0 0 #ff6a0000}.header__download-btn:hover:not(:disabled){opacity:.9;box-shadow:0 0 16px #ff6a0059}.header__download-btn:active:not(:disabled){opacity:.8}.header__download-btn:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:2px}.header__download-btn:disabled{opacity:.25;cursor:not-allowed}.header__download-btn--exporting{animation:1.2s ease-in-out infinite amber-pulse}@keyframes amber-pulse{0%{opacity:.5;box-shadow:0 0 4px #ff6a0033}50%{opacity:1;box-shadow:0 0 16px #ff6a0080}to{opacity:.5;box-shadow:0 0 4px #ff6a0033}}.drop-zone{width:100%;min-height:100%;padding:var(--space-2xl);background:var(--color-dominant);border:1px dashed var(--color-border);box-sizing:border-box;cursor:default;flex-direction:column;justify-content:center;align-items:center;transition:border-color .15s,background .15s;display:flex}.drop-zone--drag-over{border:2px solid var(--color-accent-a);background:var(--color-dragover-bg)}.drop-zone--error{border-color:#ff6a0066}.drop-zone__content{align-items:center;gap:var(--space-sm);text-align:center;pointer-events:none;flex-direction:column;display:flex}.drop-zone__icon{color:var(--color-border-hover);margin-bottom:var(--space-sm);transition:color .15s,transform .15s}.drop-zone--drag-over .drop-zone__icon{color:var(--color-accent-a)}.drop-zone__icon--accept{color:var(--color-accent-a);animation:.4s ease-out icon-bounce}@keyframes icon-bounce{0%{transform:translateY(-4px)}60%{transform:translateY(2px)}to{transform:translateY(0)}}.drop-zone__heading{font-family:var(--font-text);font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);line-height:var(--line-height-heading);margin:0;transition:color .15s}.drop-zone--drag-over .drop-zone__heading{color:var(--color-accent-a)}.drop-zone__body{font-family:var(--font-text);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-muted);line-height:var(--line-height-body);margin:0}.drop-zone__browse-link{font-family:var(--font-text);font-size:var(--font-size-body);color:var(--color-text-muted);cursor:pointer;padding:0 var(--space-xs);text-decoration:underline;-webkit-text-decoration-color:var(--color-border);text-decoration-color:var(--color-border);text-underline-offset:3px;pointer-events:auto;min-height:var(--touch-target);background:0 0;border:none;align-items:center;transition:color .15s,text-decoration-color .15s;display:flex}.drop-zone__browse-link:hover{color:var(--color-text);-webkit-text-decoration-color:var(--color-text-muted);text-decoration-color:var(--color-text-muted)}.drop-zone__browse-link:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:2px;border-radius:var(--radius-sm)}.drop-zone__error{font-family:var(--font-text);font-size:var(--font-size-body);color:var(--color-accent-a);margin-top:var(--space-xs);text-align:center;pointer-events:none;letter-spacing:.04em}.drop-zone__file-input{display:none}.canvas-host{background:var(--color-dominant);cursor:grab;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.canvas-host:active{cursor:grabbing}.canvas-host canvas{flex:1;width:100%;min-height:0;display:block}.canvas-host__view-selector{top:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;z-index:var(--z-overlay,10);background:#080808bf;align-items:center;gap:1px;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.canvas-host__view-btn{height:28px;padding:0 var(--space-sm);color:var(--color-text-muted);font-family:var(--font-control);font-size:var(--font-size-label);letter-spacing:.06em;cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;transition:color .12s,background .12s;display:flex}.canvas-host__view-btn+.canvas-host__view-btn{border-left:1px solid var(--color-border)}.canvas-host__view-btn:hover{color:var(--color-text);background:#ffffff0f}.canvas-host__view-btn--active{color:var(--color-accent-a)}.canvas-host__view-btn:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:-2px}.canvas-host__zoom-hud{bottom:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#080808bf;align-items:center;gap:1px;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.canvas-host__zoom-btn{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:color .12s,background .12s;display:flex}.canvas-host__zoom-btn:hover{color:var(--color-text);background:#ffffff0f}.canvas-host__zoom-btn:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:-2px}.canvas-host__zoom-reset{min-width:44px;height:28px;padding:0 var(--space-xs);border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-control);font-size:var(--font-size-label);letter-spacing:.05em;cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:color .12s,background .12s;display:flex}.canvas-host__zoom-reset:hover{color:var(--color-text);background:#ffffff0f}.canvas-host__zoom-reset:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:-2px}.canvas-host--crosshair,.canvas-host--crosshair:active{cursor:crosshair}.canvas-host__crosshair-svg{pointer-events:none;z-index:5;width:100%;height:100%;transition:opacity 80ms;position:absolute;inset:0}.canvas-host__crosshair-line{stroke:var(--color-accent-a);stroke-width:1px;opacity:.75;vector-effect:non-scaling-stroke}.canvas-host--mask-pick,.canvas-host--mask-pick:active{cursor:crosshair}.canvas-host__mask-draw-svg{pointer-events:none;width:100%;height:100%;z-index:var(--z-overlay,20);position:absolute;inset:0}.canvas-host__mask-line{stroke:#fffc;stroke-width:1.5px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.canvas-host__mask-persistent-svg{pointer-events:none;width:100%;height:100%;z-index:var(--z-overlay,20);position:absolute;inset:0;overflow:visible}.canvas-host__mask-persistent-line{stroke:#fff9;stroke-width:1px;vector-effect:non-scaling-stroke}.canvas-host__mask-endpoint{fill:none;stroke:var(--color-accent-a,#ff6a00);stroke-width:2px;vector-effect:non-scaling-stroke}.canvas-host__targeting-overlay{cursor:none;z-index:calc(var(--z-modal) - 1);position:absolute;inset:0}.canvas-host__target-box{border:2px solid var(--color-accent-a);pointer-events:none;box-sizing:border-box;position:absolute;box-shadow:0 0 0 1px #0009}.export-preview{top:var(--space-md);right:var(--space-md);z-index:var(--z-modal);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-secondary);-webkit-user-select:none;user-select:none;width:320px;position:absolute;overflow:hidden;box-shadow:0 4px 24px #00000080}.export-preview__handle{height:28px;padding:0 var(--space-sm);background:var(--color-dominant);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.export-preview__title{font-size:var(--font-size-label);font-family:var(--font-text);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);color:var(--color-text-muted)}.export-preview__close{width:20px;height:20px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;transition:color .12s;display:flex}.export-preview__close:hover{color:var(--color-text)}.export-preview__body{width:320px;position:relative}.export-preview__empty{justify-content:center;align-items:center;gap:var(--space-sm);height:140px;padding:var(--space-md);flex-direction:column;display:flex}.export-preview__empty-text{font-size:var(--font-size-label);font-family:var(--font-control);color:var(--color-text-muted);text-align:center;letter-spacing:.04em}.export-preview__target-btn,.export-preview__retarget-btn{width:calc(100% - var(--space-md) * 2);margin:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);height:28px;color:var(--color-text-muted);font-family:var(--font-control);font-size:var(--font-size-label);letter-spacing:.06em;cursor:pointer;background:0 0;transition:color .12s,border-color .12s,background .12s;display:block}.export-preview__target-btn:hover:not(:disabled),.export-preview__retarget-btn:hover:not(:disabled){color:var(--color-text);border-color:var(--color-border-hover)}.export-preview__target-btn--active,.export-preview__target-btn:disabled,.export-preview__retarget-btn:disabled{color:var(--color-accent-a);border-color:var(--color-accent-a);cursor:default}.export-preview__canvas{width:320px;height:320px;transition:filter .2s;display:block}.export-preview__canvas--rendering{filter:blur(4px)}.export-preview__status{height:320px;font-size:var(--font-size-label);font-family:var(--font-control);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-uppercase);text-transform:uppercase;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.preset-card{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-card);cursor:default;flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.preset-card:hover{border-color:var(--color-accent-a);box-shadow:0 0 16px #ff6a0033}.preset-card__thumb{width:100%;height:var(--preset-card-thumb-h);background:var(--color-dominant);justify-content:center;align-items:center;display:flex;overflow:hidden}.preset-card__thumb canvas{object-fit:cover;width:100%;height:100%;display:block}.preset-card__thumb-spinner{border:2px solid var(--color-border);border-top-color:var(--color-text-muted);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite preset-card-spin}@keyframes preset-card-spin{to{transform:rotate(360deg)}}.preset-card__name{font-family:var(--font-control);font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);color:var(--color-text);padding:var(--space-sm);text-overflow:ellipsis;-webkit-line-clamp:2;line-height:var(--line-height-heading);-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.preset-card__actions{padding:0 var(--space-sm) var(--space-sm);gap:var(--space-xs);display:flex}.preset-card__apply-btn{font-family:var(--font-text);font-size:var(--font-size-label);font-weight:var(--font-weight-regular);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex:1;height:32px;transition:color .15s,border-color .15s,box-shadow .15s}.preset-card__apply-btn:hover{color:var(--color-text);border-color:var(--color-accent-a);box-shadow:0 0 16px #ff6a0059}.preset-card__apply-btn:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:2px}.preset-card__icon-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:32px;min-width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:flex}.preset-card__icon-btn:hover{color:var(--color-text);border-color:var(--color-border-hover)}.preset-card__icon-btn--delete:hover{color:var(--color-disabled);border-color:var(--color-disabled)}.preset-card__icon-btn:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:2px}@media (prefers-reduced-motion:reduce){.preset-card__thumb-spinner{border-top-color:var(--color-text-muted);animation:none}}.preset-import{margin-top:var(--space-md)}.preset-import__label{font-family:var(--font-control);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);margin-bottom:var(--space-sm)}.preset-import__row{gap:var(--space-sm);align-items:flex-start;display:flex}.preset-import__textarea{font-family:var(--font-text);font-size:var(--font-size-body);color:var(--color-text);background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);resize:vertical;outline:none;flex:1;min-height:60px;transition:border-color .15s}.preset-import__textarea::placeholder{color:var(--color-text-muted)}.preset-import__textarea:focus{border-color:var(--color-accent-a)}.preset-import__file-btn{font-family:var(--font-text);font-size:var(--font-size-label);font-weight:var(--font-weight-regular);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:0 var(--space-md);height:var(--touch-target);white-space:nowrap;background:0 0;transition:color .15s,border-color .15s}.preset-import__file-btn:hover{color:var(--color-text);border-color:var(--color-border-hover)}.preset-import__file-btn:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:2px}.preset-import__error{font-family:var(--font-text);font-size:var(--font-size-label);color:var(--color-disabled);margin-top:var(--space-xs)}.preset-modal-backdrop{z-index:var(--z-modal);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preset-modal{background:var(--color-dominant);border:1px solid var(--color-border);border-radius:var(--radius-card);max-width:var(--preset-modal-max-w);width:calc(100% - var(--space-xl) * 2);max-height:calc(100vh - var(--space-xl) * 2);box-shadow:0 0 40px #000c, 0 0 12px #0009, 0 0 1px var(--color-border);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;overflow-y:auto}.preset-modal__header{padding:var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-dominant);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.preset-modal__title{font-family:var(--font-control);font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase)}.preset-modal__close-btn{width:var(--touch-target);height:var(--touch-target);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:flex}.preset-modal__close-btn:hover{color:var(--color-text);border-color:var(--color-border-hover)}.preset-modal__close-btn:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:2px}.preset-modal__content{padding:var(--space-lg)}.preset-modal__section{margin-bottom:var(--space-2xl)}.preset-modal__section:last-child{margin-bottom:0}.preset-modal__section-label{font-family:var(--font-control);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg)}.preset-modal__grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.preset-modal__card-wrapper{gap:var(--space-xs);flex-direction:column;display:flex;position:relative}.preset-modal__popover{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xs);gap:var(--space-xs);flex-direction:column;display:flex}.preset-modal__popover-btn{font-family:var(--font-text);font-size:var(--font-size-label);font-weight:var(--font-weight-regular);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:0 var(--space-sm);text-align:left;background:0 0;width:100%;height:28px;transition:color .15s,border-color .15s}.preset-modal__popover-btn:hover{color:var(--color-text);border-color:var(--color-border-hover)}.preset-modal__popover-btn:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:2px}.preset-modal__confirm{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);gap:var(--space-xs);flex-direction:column;display:flex}.preset-modal__confirm-text{font-family:var(--font-text);font-size:var(--font-size-label);color:var(--color-text-muted);line-height:var(--line-height-body)}.preset-modal__confirm-actions{gap:var(--space-xs);display:flex}.preset-modal__confirm-delete{font-family:var(--font-text);font-size:var(--font-size-label);font-weight:var(--font-weight-regular);color:var(--color-disabled);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);border:1px solid var(--color-disabled);border-radius:var(--radius-sm);cursor:pointer;padding:0 var(--space-sm);background:0 0;height:28px;transition:opacity .15s}.preset-modal__confirm-delete:hover{opacity:.8}.preset-modal__confirm-delete:focus-visible{outline:2px solid var(--color-disabled);outline-offset:2px}.preset-modal__confirm-cancel{font-family:var(--font-text);font-size:var(--font-size-label);font-weight:var(--font-weight-regular);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:0 var(--space-sm);background:0 0;height:28px;transition:color .15s,border-color .15s}.preset-modal__confirm-cancel:hover{color:var(--color-text);border-color:var(--color-border-hover)}.preset-modal__confirm-cancel:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:2px}.preset-modal__empty{padding:var(--space-2xl) var(--space-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.preset-modal__empty-icon{width:32px;height:32px;color:var(--color-text-muted);margin-bottom:var(--space-md)}.preset-modal__empty-heading{font-family:var(--font-control);font-size:var(--font-size-heading);color:var(--color-text);margin-bottom:var(--space-sm)}.preset-modal__empty-body{font-family:var(--font-text);font-size:var(--font-size-body);color:var(--color-text-muted);margin-bottom:var(--space-lg);max-width:320px;line-height:var(--line-height-body)}.preset-modal__empty-cta{font-family:var(--font-text);font-size:var(--font-size-label);font-weight:var(--font-weight-regular);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:0 var(--space-md);background:0 0;height:32px;transition:color .15s,border-color .15s}.preset-modal__empty-cta:hover{color:var(--color-text);border-color:var(--color-border-hover)}.preset-modal__empty-cta:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:2px}@media (prefers-reduced-motion:reduce){.preset-modal-backdrop,.preset-modal{transition:none}}.preset-save-prompt{flex-shrink:0}.preset-save-prompt__trigger{font-family:var(--font-text);font-size:var(--font-size-label);font-weight:var(--font-weight-regular);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:var(--space-xs) var(--space-md);background:0 0;justify-content:center;align-items:center;width:100%;height:32px;transition:color .15s,border-color .15s;display:flex}.preset-save-prompt__trigger:hover{color:var(--color-text);border-color:var(--color-border-hover)}.preset-save-prompt__trigger:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:2px}.preset-save-prompt__row{gap:var(--space-sm);display:flex}.preset-save-prompt__input{font-family:var(--font-text);font-size:var(--font-size-body);color:var(--color-text);background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);box-sizing:border-box;outline:none;flex:1;height:32px}.preset-save-prompt__input::placeholder{color:var(--color-text-muted)}.preset-save-prompt__input:focus{border-color:var(--color-accent-a)}.preset-save-prompt__save-btn{font-family:var(--font-text);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:0 var(--space-md);height:32px;min-width:var(--touch-target);background:0 0;transition:color .15s,border-color .15s,box-shadow .15s}.preset-save-prompt__save-btn:hover:not(:disabled){border-color:var(--color-accent-a);box-shadow:0 0 16px #ff6a0059}.preset-save-prompt__save-btn:disabled{opacity:.3;cursor:not-allowed}.preset-save-prompt__collision{font-family:var(--font-text);font-size:var(--font-size-label);color:var(--color-text-muted);margin-top:var(--space-xs);line-height:var(--line-height-body)}.preset-save-prompt__collision-text{color:var(--color-disabled)}.preset-save-prompt__collision-action{font-family:var(--font-text);font-size:var(--font-size-label);color:var(--color-accent-a);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.preset-save-prompt__collision-action:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:2px}.toggle{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-dominant);cursor:pointer;flex-shrink:0;padding:0;transition:background .2s,border-color .2s,box-shadow .2s;position:relative}.toggle:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:2px}.toggle--lg{width:36px;height:20px}.toggle--md{width:32px;height:17px}.toggle--sm{width:28px;height:14px}.toggle__thumb{background:var(--color-text-muted);border-radius:50%;transition:transform .2s,background .2s;display:block;position:absolute}.toggle--lg .toggle__thumb{width:14px;height:14px;top:2px;left:2px}.toggle--md .toggle__thumb{width:11px;height:11px;top:2px;left:2px}.toggle--sm .toggle__thumb{width:10px;height:10px;top:1px;left:1px}.toggle--primary.toggle--on{background:var(--color-accent-b);border-color:var(--color-accent-b);box-shadow:0 0 8px #00ff414d}.toggle--primary.toggle--on .toggle__thumb{background:var(--color-dominant)}.toggle--secondary.toggle--on{background:#ffffffd9;border-color:#fff6;box-shadow:0 0 6px #fff3}.toggle--secondary.toggle--on .toggle__thumb{background:var(--color-dominant)}.toggle--tertiary.toggle--on{background:#80808080;border-color:#80808066}.toggle--tertiary.toggle--on .toggle__thumb{background:#fffc}.toggle--lg.toggle--on .toggle__thumb{transform:translate(16px)}.toggle--md.toggle--on .toggle__thumb{transform:translate(15px)}.toggle--sm.toggle--on .toggle__thumb{transform:translate(14px)}.toggle--disabled{opacity:.45;cursor:not-allowed}.effect-list-item{align-items:center;gap:var(--space-sm);height:44px;padding:0 var(--space-md);cursor:pointer;-webkit-user-select:none;user-select:none;border-left:3px solid #0000;transition:background .15s,border-color .15s;display:flex}.effect-list-item:hover{background:#ffffff05}.effect-list-item:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:-2px}.effect-list-item--selected{border-left-color:var(--color-accent-a);background:var(--color-accent-a-glow)}.effect-list-item--selected:hover{background:var(--color-accent-a-glow)}.effect-list-item__dot{background:var(--color-border);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .2s,box-shadow .2s}.effect-list-item__dot--on{background:var(--color-accent-b);box-shadow:0 0 6px #00ff4199}.effect-list-item__name{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);font-family:var(--font-text);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.effect-list-item:not(.effect-list-item--enabled) .effect-list-item__name{color:var(--color-text-muted)}.effect-list-item__drag-handle{width:16px;color:var(--color-border);cursor:grab;touch-action:none;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex}.effect-list-item__drag-handle:hover{color:var(--color-text-muted)}.effect-list-item__drag-handle:active{cursor:grabbing}.effect-list-item--dragging{background:var(--color-secondary);border-radius:var(--radius-sm);box-shadow:0 4px 12px #0006}.left-panel{width:var(--left-panel-width);background:var(--color-dominant);border-right:1px solid var(--color-border);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.left-panel:after{content:"";pointer-events:none;z-index:var(--z-overlay);background:repeating-linear-gradient(0deg,#00000012 0 1px,#0000 1px 2px);position:absolute;inset:0}.left-panel__file-controls{padding:var(--space-md);background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);flex-shrink:0}.left-panel__load-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;height:36px;color:var(--color-text-muted);font-size:var(--font-size-label);font-family:var(--font-text);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);cursor:pointer;background:0 0;transition:border-color .15s,color .15s}.left-panel__load-btn:hover{border-color:var(--color-border-hover);color:var(--color-text)}.left-panel__file-info{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.left-panel__file-name{font-size:var(--font-size-label);font-family:var(--font-text);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.left-panel__file-dims{font-size:var(--font-size-label);font-family:var(--font-control);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.left-panel__file-actions{gap:var(--space-xs);display:flex}.left-panel__clear-btn,.left-panel__reset-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);height:28px;color:var(--color-text-muted);font-size:var(--font-size-small);font-family:var(--font-text);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);cursor:pointer;background:0 0;flex:1;transition:border-color .15s,color .15s}.left-panel__clear-btn:hover,.left-panel__reset-btn:hover{border-color:var(--color-border-hover);color:var(--color-text)}.left-panel__layer-stack{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex:1;min-height:0;overflow-y:auto}.left-panel__section{border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.left-panel__section-header{background:var(--color-section-header-bg);border-bottom:1px solid var(--color-border);width:100%;color:var(--color-text);align-items:center;transition:color .15s,background .15s;display:flex}.left-panel__section-header:hover{background:var(--color-secondary);color:#fff}.left-panel__section-header-toggle{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-md);cursor:pointer;color:inherit;text-align:left;background:0 0;border:none;flex:1;display:flex}.left-panel__section-label{font-size:var(--font-size-label);font-family:var(--font-text);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);flex:1}.left-panel__group-toggle{margin-right:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:9px;font-family:var(--font-control);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;flex-shrink:0;padding:1px 6px;line-height:16px;transition:border-color .15s,color .15s}.left-panel__group-toggle:hover{border-color:var(--color-border-hover);color:var(--color-text)}.left-panel__group-toggle--on{border-color:var(--color-accent-b);color:var(--color-accent-b)}.left-panel__group-toggle--on:hover{border-color:var(--color-accent-b);color:var(--color-accent-b);opacity:.75}.left-panel__chevron{flex-shrink:0;transition:transform .15s ease-out}.left-panel__chevron--open{transform:rotate(180deg)}.left-panel__effects-list{flex:1}.left-panel__credit{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-label);font-family:var(--font-text);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-uppercase);text-transform:uppercase;flex-shrink:0}.left-panel__credit-link{color:var(--color-text-muted);text-decoration:none;transition:color .15s}.left-panel__credit-link:hover{color:var(--color-text)}.left-panel__footer{padding:var(--space-sm) var(--space-md);background:var(--color-surface-raised);border-top:1px solid var(--color-border);flex-shrink:0;margin-top:auto}.left-panel__presets-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;height:36px;color:var(--color-text-muted);font-size:var(--font-size-label);font-family:var(--font-text);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);cursor:pointer;background:0 0;transition:border-color .15s,color .15s}.left-panel__presets-btn:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-text)}.left-panel__presets-btn:disabled{opacity:.4;cursor:not-allowed}.vu-slider{width:100%;position:relative}.vu-slider__header{margin-bottom:var(--space-xs);font-size:var(--font-size-label);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);justify-content:space-between;align-items:center;display:flex}.vu-slider__label{color:var(--color-text);font-family:var(--font-text)}.vu-slider__value{color:var(--color-accent-b);font-family:var(--font-control);font-size:var(--font-size-label);text-align:right;min-width:3ch;transition:color .1s}.vu-slider__track{border-radius:2px;gap:2px;height:10px;display:flex;position:relative;overflow:hidden}.vu-slider__segment{flex:1;transition:background-color 60ms ease-out}.vu-slider__segment--lit{background:var(--color-text-subtle);box-shadow:none}.vu-slider__segment--unlit{background:var(--color-text-muted)}.vu-slider__input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.vu-slider--disabled{opacity:.45}.vu-slider--disabled .vu-slider__value{color:var(--color-text-muted)}.vu-slider--disabled .vu-slider__input{pointer-events:none;cursor:not-allowed}.vu-slider--disabled .vu-slider__segment--lit{background:var(--color-track);box-shadow:none}.curves-graph{padding:var(--space-sm) 0;gap:var(--space-sm);flex-direction:column;display:flex}.curves-graph__tabs{gap:var(--space-xs);display:flex}.curves-graph__tab{color:var(--color-text-muted);font-family:var(--font-control);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-uppercase);text-transform:uppercase;padding:var(--space-xs) var(--space-sm);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;transition:color .15s,border-color .15s}.curves-graph__tab:hover,.curves-graph__tab--active{color:var(--color-text)}.curves-graph__tab--active[data-channel=rgb]{border-bottom-color:#ffffffe6}.curves-graph__tab--active[data-channel=r]{border-bottom-color:#f44}.curves-graph__tab--active[data-channel=g]{border-bottom-color:#4f4}.curves-graph__tab--active[data-channel=b]{border-bottom-color:#48f}.curves-graph__canvas{border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:crosshair;touch-action:none;width:100%;display:block}.curves-graph__canvas--disabled{opacity:.4;pointer-events:none}.curves-graph__footer{justify-content:flex-end;display:flex}.curves-graph__reset{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-control);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-uppercase);padding:2px var(--space-sm);cursor:pointer;background:0 0;transition:color .15s,border-color .15s}.curves-graph__reset:hover{color:var(--color-text);border-color:var(--color-border-hover)}.gradient-editor{gap:var(--space-sm);padding:var(--space-sm) 0;flex-direction:column;display:flex}.gradient-editor--disabled{opacity:.5;pointer-events:none}.gradient-editor__bar{border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:crosshair;flex-shrink:0;height:24px;position:relative}.gradient-editor__markers{height:16px;margin-top:-4px;position:relative}.gradient-editor__marker{background:var(--color-secondary);border:2px solid var(--color-border);cursor:grab;box-sizing:border-box;border-radius:50%;width:12px;height:12px;padding:0;transition:border-color .1s;position:absolute;top:2px;transform:translate(-50%)}.gradient-editor__marker:hover{border-color:var(--color-border-hover)}.gradient-editor__marker--selected{border-color:var(--color-accent-a);background:var(--color-accent-a)}.gradient-editor__marker:active{cursor:grabbing}.gradient-editor__stop-controls{align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.gradient-editor__stop-label{font-family:var(--font-control);font-size:var(--font-size-label);color:var(--color-text-subtle);letter-spacing:var(--letter-spacing-uppercase);flex:1}.gradient-editor__color-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;width:32px;height:24px;padding:0}.gradient-editor__color-input::-webkit-color-swatch-wrapper{padding:2px}.gradient-editor__color-input::-webkit-color-swatch{border:none;border-radius:2px}.gradient-editor__hint{font-family:var(--font-control);color:var(--color-text-muted);letter-spacing:.03em;margin:0;font-size:10px}.effect-settings{padding:var(--space-md);background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);flex-shrink:0}.effect-settings--empty{justify-content:center;align-items:center;min-height:120px;display:flex}.effect-settings__empty-text{font-size:var(--font-size-body);font-family:var(--font-text);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase)}.effect-settings__header{padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.effect-settings__header-left{align-items:center;gap:var(--space-sm);display:flex}.effect-settings__dot{background:var(--color-border);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .2s,box-shadow .2s}.effect-settings__dot--on{background:var(--color-accent-b);box-shadow:0 0 6px #00ff4199}.effect-settings__title{font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);font-family:var(--font-text);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase)}.effect-settings__body{gap:var(--space-sm);flex-direction:column;display:flex}.effect-settings__body--disabled{opacity:.45;pointer-events:none}.effect-settings__toggle-row{justify-content:space-between;align-items:center;display:flex}.effect-settings__toggle-label{font-size:var(--font-size-label);font-family:var(--font-control);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase)}.effect-settings__dropdown-row{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.effect-settings__dropdown-label{font-size:var(--font-size-label);font-family:var(--font-text);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);flex-shrink:0}.effect-settings__dropdown{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;height:28px;color:var(--color-text);font-size:var(--font-size-small);font-family:var(--font-text);padding:0 var(--space-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;flex:1;padding-right:24px}.effect-settings__dropdown:hover:not(:disabled){border-color:var(--color-border-hover)}.effect-settings__dropdown:disabled{opacity:.45;cursor:not-allowed}.effect-settings__dropdown option{background:var(--color-secondary);color:var(--color-text)}.effect-settings__color-row{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.effect-settings__color-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;appearance:none;background:0 0;width:32px;height:24px;padding:0}.effect-settings__color-input::-webkit-color-swatch-wrapper{padding:2px}.effect-settings__color-input::-webkit-color-swatch{border:none;border-radius:2px}.effect-settings__color-hex{font-size:var(--font-size-label);font-family:var(--font-control);color:var(--color-text-subtle);min-width:6ch}.effect-settings__custom-palette{gap:var(--space-xs);margin-bottom:var(--space-sm);flex-direction:column;display:flex}.effect-settings__custom-palette-header{justify-content:space-between;align-items:center;display:flex}.effect-settings__custom-palette-depth{align-items:center;gap:var(--space-xs);display:flex}.effect-settings__palette-depth-btn{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text);font-size:var(--font-size-body);font-family:var(--font-control);cursor:pointer;justify-content:center;align-items:center;padding:0;line-height:1;transition:border-color .15s;display:flex}.effect-settings__palette-depth-btn:hover:not(:disabled){border-color:var(--color-border-hover)}.effect-settings__palette-depth-btn:disabled{opacity:.45;cursor:not-allowed}.effect-settings__palette-depth-count{font-size:var(--font-size-small);font-family:var(--font-control);color:var(--color-text-subtle);text-align:center;min-width:2ch}.effect-settings__custom-palette-swatches{flex-wrap:wrap;gap:4px;display:flex}.effect-settings__palette-swatch{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;appearance:none;background:0 0;width:28px;height:24px;padding:0}.effect-settings__palette-swatch::-webkit-color-swatch-wrapper{padding:2px}.effect-settings__palette-swatch::-webkit-color-swatch{border:none;border-radius:2px}.effect-settings__palette-swatch:disabled{opacity:.45;cursor:not-allowed}.effect-settings__color-pair{gap:var(--space-sm);margin-bottom:var(--space-xs);grid-template-columns:1fr 1fr;display:grid}.effect-settings__color-col{gap:var(--space-xs);flex-direction:column;display:flex}.effect-settings__color-col-label{font-size:var(--font-size-label);font-family:var(--font-control);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase)}.effect-settings__color-swatch{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;appearance:none;background:0 0;width:100%;height:28px;padding:0}.effect-settings__color-swatch::-webkit-color-swatch-wrapper{padding:2px}.effect-settings__color-swatch::-webkit-color-swatch{border:none;border-radius:2px}.effect-settings__color-swatch:disabled{opacity:.45;cursor:not-allowed}.effect-settings__section-label{font-size:9px;font-family:var(--font-control);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.12em;padding-bottom:var(--space-xs);margin-top:var(--space-sm);border-bottom:1px solid var(--color-border);opacity:.6}.effect-settings__section-label--with-action{justify-content:space-between;align-items:center;display:flex}.effect-settings__section-pick-btn{border:1px solid var(--color-border);color:var(--color-accent-a);font-family:var(--font-control);letter-spacing:.1em;cursor:pointer;background:0 0;border-radius:2px;padding:1px 5px;font-size:8px;line-height:1.4;transition:border-color .12s,color .12s}.effect-settings__section-pick-btn:hover:not(:disabled){border-color:var(--color-accent-a)}.effect-settings__section-pick-btn:disabled{opacity:.35;cursor:default}.effect-settings__hint{font-size:var(--font-size-xs,10px);font-family:var(--font-control);color:var(--color-text-muted);margin-top:var(--space-1,var(--space-xs));margin-bottom:var(--space-1,var(--space-xs));opacity:.7}.effect-settings__color-swap-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;height:24px;color:var(--color-text-subtle);font-size:var(--font-size-small);font-family:var(--font-control);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);cursor:pointer;margin-bottom:var(--space-sm);background:0 0;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:flex}.effect-settings__color-swap-btn:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-text)}.effect-settings__color-swap-btn:disabled{opacity:.45;cursor:not-allowed}.effect-settings__displacement-upload{gap:var(--space-xs);margin-bottom:var(--space-xs);display:flex}.effect-settings__upload-btn{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-subtle);font-family:var(--font-control);font-size:var(--font-size-label);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;flex:1;transition:border-color .15s,color .15s}.effect-settings__upload-btn:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-text)}.effect-settings__upload-btn:disabled{opacity:.45;cursor:not-allowed}.effect-settings__upload-btn--clear{color:var(--color-text-subtle);flex:none}.effect-settings__displacement-preview{margin-bottom:var(--space-xs)}.effect-settings__displacement-img{object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius-sm);opacity:.7;width:100%;height:60px;display:block}.effect-settings__copy-btn{width:100%;height:32px;margin-top:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-subtle);font-size:var(--font-size-small);font-family:var(--font-text);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);cursor:pointer;background:0 0;transition:border-color .15s,color .15s}.effect-settings__copy-btn:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-text)}.effect-settings__copy-btn:disabled{opacity:.45;cursor:not-allowed}.collapsible-section{border-top:1px solid var(--color-border)}.collapsible-section__header{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-section-header-bg);border:none;border-bottom:1px solid var(--color-border);cursor:pointer;color:var(--color-text);transition:color .15s,background .15s;display:flex}.collapsible-section__header:hover{background:var(--color-secondary);color:#fff}.collapsible-section__header:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:-2px}.collapsible-section__chevron{flex-shrink:0;transition:transform .15s ease-out}.collapsible-section__chevron--open{transform:rotate(180deg)}.collapsible-section__label{font-size:var(--font-size-heading);font-family:var(--font-text);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase)}.collapsible-section__body{padding:var(--space-sm) var(--space-md) var(--space-md);gap:var(--space-md);flex-direction:column;display:flex}.collapsible-section__effect{gap:var(--space-sm);flex-direction:column;display:flex}.collapsible-section__effect-header{padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.collapsible-section__effect-name{font-size:var(--font-size-label);font-family:var(--font-text);font-weight:var(--font-weight-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase)}.collapsible-section__effect-body{gap:var(--space-sm);flex-direction:column;display:flex}.right-panel{width:var(--right-panel-width);background:var(--color-dominant);border-left:1px solid var(--color-border);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex-direction:column;height:100%;display:flex;position:relative;overflow-y:auto}.right-panel::-webkit-scrollbar{width:4px}.right-panel::-webkit-scrollbar-track{background:0 0}.right-panel::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.right-panel::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.right-panel:after{content:"";pointer-events:none;z-index:var(--z-overlay);background:repeating-linear-gradient(0deg,#00000012 0 1px,#0000 1px 2px);position:absolute;inset:0}.export-modal-backdrop{z-index:var(--z-modal);background:0 0;position:fixed;inset:0}.export-modal{top:calc(var(--header-height) + var(--space-sm));right:var(--space-md);z-index:var(--z-modal-top);background:var(--color-secondary);border:1px solid var(--color-border-hover);border-radius:var(--radius-card);width:240px;padding:var(--space-md);position:fixed;box-shadow:0 4px 12px #00000080,0 16px 40px #0009,0 0 0 1px #0000004d}.export-modal__label{font-family:var(--font-text);font-size:var(--font-size-label);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);color:var(--color-text-muted);margin-bottom:var(--space-sm);display:block}.export-modal__formats{gap:var(--space-xs);margin-bottom:var(--space-md);display:flex}.export-modal__format-btn{padding:var(--space-xs) 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-text);font-size:var(--font-size-label);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);cursor:pointer;background:0 0;flex:1;min-height:36px;transition:color .15s,border-color .15s,background .15s}.export-modal__format-btn:hover:not(.export-modal__format-btn--selected){color:var(--color-text);border-color:var(--color-border-hover);background:#ffffff05}.export-modal__format-btn--selected{border-color:var(--color-accent-a);color:var(--color-accent-a);background:var(--color-accent-a-glow)}.export-modal__confirm{width:100%;margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-accent-a);color:var(--color-dominant);border-radius:var(--radius-pill);font-family:var(--font-text);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);cursor:pointer;border:none;min-height:40px;transition:opacity .15s,box-shadow .15s}.export-modal__confirm:hover{opacity:.9;box-shadow:0 0 16px #ff6a0059}.export-modal__confirm:active{opacity:.8}.export-modal__confirm:disabled{opacity:.45;pointer-events:none;cursor:not-allowed}.export-modal__warning{font-family:var(--font-text);font-size:var(--font-size-label);color:#ff6a00bf;margin:var(--space-sm) 0 0;text-transform:none;letter-spacing:normal;line-height:1.4}.export-modal__progress{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.export-modal__progress .export-modal__label{white-space:nowrap;margin-bottom:0}.export-modal__progress-track{background:var(--color-track);border-radius:var(--radius-sm);flex:1;height:8px;overflow:hidden}.export-modal__progress-fill{background:var(--color-accent-a);border-radius:var(--radius-sm);height:100%;transition:width .2s}.export-modal__progress-pct{font-family:var(--font-control);font-size:var(--font-size-label);color:var(--color-accent-b);text-align:right;min-width:4ch}.export-modal__separator{background:var(--color-border);width:100%;height:1px;margin:var(--space-md) 0}.export-modal__ascii-btn{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-text);font-size:var(--font-size-label);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);cursor:pointer;border-radius:var(--radius-sm);background:0 0;min-height:36px;transition:border-color .15s,color .15s}.export-modal__ascii-btn:hover:not(:disabled){border-color:var(--color-border-hover);color:var(--color-text)}.export-modal__ascii-btn:disabled{opacity:.45;pointer-events:none;cursor:not-allowed}.video-controls{height:var(--video-controls-height);background:var(--color-dominant);border-top:1px solid var(--color-border);padding:0 var(--space-sm);opacity:1;flex-shrink:0;align-items:center;transition:opacity .15s;display:flex;position:relative}.video-controls:after{content:"";pointer-events:none;opacity:1;background:repeating-linear-gradient(0deg,#00000012 0 1px,#0000 1px 2px);position:absolute;inset:0}.video-controls__play{width:var(--video-controls-height);height:var(--video-controls-height);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .12s;display:flex}.video-controls__play:hover{color:var(--color-text)}.video-controls__play:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:-2px}.video-controls__play--active{color:var(--color-accent-a);box-shadow:0 0 10px #ff6a004d}.video-controls__play--active:hover{color:var(--color-accent-a)}.video-controls__timecode{font-family:var(--font-control);font-size:var(--font-size-body);color:var(--color-accent-b);text-shadow:0 0 8px #00ff414d;min-width:7ch;padding:0 var(--space-sm);flex-shrink:0;line-height:1}.video-controls__scrub{height:var(--video-controls-height);flex:1;align-items:center;display:flex;position:relative}.video-controls__scrub-track{width:100%;height:var(--scrub-track-height);background:var(--color-track);pointer-events:none;border-radius:2px;overflow:hidden}.video-controls__scrub-fill{background:var(--color-accent-a);height:100%;transition:width .1s}.video-controls__scrub-input{opacity:0;cursor:pointer;appearance:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.video-controls__scrub-input:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:2px;opacity:.1;border-radius:2px}.video-controls__duration{font-family:var(--font-control);font-size:var(--font-size-label);color:var(--color-text-muted);padding:0 0 0 var(--space-sm);flex-shrink:0;line-height:1}.welcome-banner{bottom:var(--space-lg);z-index:var(--z-overlay);align-items:center;gap:var(--space-md);max-width:560px;width:calc(100% - var(--space-xl));padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-left:2px solid var(--color-accent-a);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#1c1c1ceb;display:flex;position:absolute;left:50%;transform:translate(-50%)}.welcome-banner__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.welcome-banner__label{font-family:var(--font-control);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-accent-a);letter-spacing:var(--letter-spacing-uppercase);text-transform:uppercase}.welcome-banner__text{font-family:var(--font-text);font-size:var(--font-size-label);color:var(--color-text-muted);line-height:var(--line-height-body)}.welcome-banner__close{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;transition:color .12s,background .12s;display:flex}.welcome-banner__close:hover{color:var(--color-text);background:#ffffff0f}.welcome-banner__close:focus-visible{outline:2px solid var(--color-accent-a);outline-offset:2px}