.marquee-stage{direction:ltr;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.marquee-stage__bg-image{z-index:0;background-repeat:no-repeat;position:absolute;inset:0}.marquee-stage__bg-dim{z-index:0;background:#000;position:absolute;inset:0}.marquee-track{z-index:1;will-change:transform;align-items:center;width:max-content;animation-timing-function:linear;animation-iteration-count:infinite;display:flex;position:relative}.marquee-track--x{flex-direction:row;animation-name:marquee-x}.marquee-track--y{flex-direction:column;justify-content:center;width:100%;height:max-content;animation-name:marquee-y}@keyframes marquee-x{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-y{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.marquee-item{white-space:nowrap;padding:0 1.4em;line-height:1.15}.marquee-track--y .marquee-item{padding:1em 0}.marquee-item--outline{-webkit-text-stroke:.045em var(--stroke-color);paint-order:stroke fill}.marquee-item--shadow{text-shadow:.05em .05em 0 var(--shadow-color)}.marquee-item--glow{text-shadow:0 0 .25em,0 0 .6em,0 0 1.2em}.marquee-item--rainbow{background-image:linear-gradient(90deg,#ff5470,#fc3,#4fd3ff,#7c5cff,#4ade80,#ff3ec8,#ff5470);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:3.5s linear infinite rainbow-shift}@keyframes rainbow-shift{0%{background-position:0 0}to{background-position:200% 0}}.marquee-item--blink{animation:1s step-end infinite blink-opacity}@keyframes blink-opacity{0%,49%{opacity:1}50%,to{opacity:.15}}.preview-frame{aspect-ratio:9/19.5;border:6px solid var(--color-border);background:var(--color-bg);width:min(78vw,260px);box-shadow:6px 6px 0 0 var(--shadow-hard);border-radius:30px;margin:0 auto;padding:10px;position:relative;overflow:hidden}.preview-frame--landscape{aspect-ratio:19.5/9;width:min(92vw,462px)}.preview-frame__notch{background:var(--color-border);z-index:2;border-radius:999px;width:34%;height:16px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.preview-frame--landscape .preview-frame__notch{width:16px;height:34%;top:50%;left:10px;transform:translateY(-50%)}.preview-frame__screen{border:2px solid var(--color-border);border-radius:18px;width:100%;height:100%;position:relative;overflow:hidden}.editor-section{overflow:hidden}.editor-section__header{cursor:pointer;width:100%;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.03em;color:var(--brutal-color,var(--color-text));background:0 0;border:none;justify-content:space-between;align-items:center;padding:.9rem 1rem;font-size:1rem;font-weight:800;transition:background-color .15s;display:flex}.editor-section__header:hover{background:color-mix(in srgb, var(--brutal-color,var(--color-text)) 12%, transparent)}.editor-section__chevron{color:var(--brutal-color,var(--color-text-dim));display:inline-block}.editor-section__body-wrap{overflow:hidden}.editor-section__body{border-top:3px solid var(--color-border);padding:1rem 1rem 1.1rem}.orientation-panel{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.orientation-panel__chip{justify-content:center;align-items:center;gap:.5rem;padding:.8em;display:flex}.orientation-panel__icon{border:2px solid;border-radius:2px;display:inline-block}.orientation-panel__icon--portrait{width:14px;height:20px}.orientation-panel__icon--landscape{width:20px;height:14px}.text-panel{flex-direction:column;gap:.75rem;display:flex}.text-panel__row{flex-direction:column;gap:.4rem;display:flex}.text-panel__textarea{flex:1}.text-panel__row-actions{gap:.4rem;display:flex}.text-panel__emoji-btn{flex:none;width:42px;height:42px;padding:0;font-size:1.1rem}.text-panel__remove-btn{padding:0 .8em;font-size:.75rem}.text-panel__emoji-grid{border:3px solid var(--color-border);background:var(--color-surface);border-radius:4px;grid-template-columns:repeat(8,1fr);gap:.3rem;padding:.4rem;display:grid;overflow:hidden}.text-panel__emoji-item{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem;font-size:1.2rem}.text-panel__emoji-item:active{background:var(--color-surface-raised)}.swatch-picker{flex-wrap:wrap;gap:.5rem;display:flex}.swatch-picker__swatch,.swatch-picker__custom{justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex}.swatch-picker__custom{background:var(--color-surface);cursor:pointer;position:relative;overflow:hidden}.swatch-picker__custom-icon{pointer-events:none;font-size:1rem}.swatch-picker__custom-input{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.style-panel{flex-direction:column;gap:1.1rem;display:flex}.style-panel__group{flex-direction:column;gap:.5rem;display:flex}.style-panel__row-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;display:flex}.style-panel__chip-row{gap:.4rem;display:flex}.style-panel__toggles{flex-direction:row;gap:.5rem}.style-panel__effect-grid{flex-wrap:wrap;gap:.4rem;display:flex}.brutal-chip{padding:.45em .85em}.style-panel__gradient-row{align-items:center;gap:.5rem;display:flex}.style-panel__gradient-input{border:3px solid var(--color-border);cursor:pointer;background:0 0;border-radius:4px;flex:none;width:40px;height:40px;padding:0}.style-panel__gradient-preview{border:3px solid var(--color-border);border-radius:4px;flex:1;height:36px}.style-panel__font-grid{flex-wrap:wrap;gap:.4rem;display:flex}.style-panel__font-grid .brutal-chip{letter-spacing:normal;text-transform:none;font-size:.95rem;font-weight:400}.style-panel__image-block{flex-direction:column;gap:.6rem;display:flex}.style-panel__image-preview-row{align-items:center;gap:.6rem;display:flex}.style-panel__image-thumb{border:3px solid var(--color-border);width:64px;height:64px;box-shadow:3px 3px 0 0 var(--shadow-hard);background-repeat:no-repeat;border-radius:4px;flex:none}.style-panel__image-actions{flex-direction:column;flex:1;gap:.4rem;display:flex}.style-panel__image-actions .brutal-btn{padding:.5em .8em;font-size:.75rem}.style-panel__image-fit-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;display:flex}.motion-panel{flex-direction:column;gap:1.1rem;display:flex}.motion-panel__group{flex-direction:column;gap:.5rem;display:flex}.motion-panel__row-header{justify-content:space-between;align-items:center;display:flex}.motion-panel__speed-hint{color:var(--color-text-dim);text-transform:uppercase;font-size:.75rem;font-weight:700}.motion-panel__direction-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.motion-panel__direction-chip{justify-content:center;align-items:center;gap:.4rem;padding:.6em;display:flex}.motion-panel__arrow{font-size:1.1rem}.motion-panel__pause-toggle{align-self:flex-start;padding:.6em 1em}.preset-panel{flex-direction:column;gap:.9rem;display:flex}.preset-panel__save-row{gap:.5rem;display:flex}.preset-panel__save-row .brutal-btn{flex:none;padding:0 1em;font-size:.8rem}.preset-panel__list{flex-direction:column;gap:.5rem;display:flex}.preset-panel__item{justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .8rem;display:flex}.preset-panel__item-name{font-family:var(--font-heading);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:700;overflow:hidden}.preset-panel__item-actions{flex:none;gap:.4rem;display:flex}.preset-panel__use-btn,.preset-panel__delete-btn{flex:none;padding:.4em .8em;font-size:.75rem}.preset-panel__empty{color:var(--color-text-faint);margin:0;font-size:.8rem}.share-button{flex-direction:column;gap:.4rem;display:flex}.share-button__hint{color:var(--color-text-faint);text-align:center;margin:0;font-size:.72rem}.play-button{border:var(--border-w,3px) solid var(--color-border);background:var(--color-accent);width:100%;color:var(--color-bg);box-shadow:6px 6px 0 0 var(--shadow-hard);font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:1.1em;font-size:1.4rem;font-weight:800;display:flex;position:relative;overflow:visible}.play-button:active{box-shadow:0 0 0 0 var(--shadow-hard);transform:translate(6px,6px)}.play-button__icon{font-size:1.1rem}.play-button__particle{pointer-events:none;z-index:2;border:2px solid var(--color-border);border-radius:3px;width:10px;height:10px;margin:-5px;position:absolute;top:50%;left:50%}.lang-switcher{position:relative}.lang-switcher__flag{font-size:1.15rem;line-height:1}.lang-switcher__backdrop{z-index:39;position:fixed;inset:0}.lang-switcher__menu{z-index:40;background:var(--color-surface);border:3px solid var(--color-border);box-shadow:5px 5px 0 0 var(--shadow-hard);border-radius:4px;flex-direction:column;gap:.4rem;min-width:170px;max-height:min(60vh,420px);padding:.5rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;overflow-y:auto}.lang-switcher__item{background:var(--color-surface-raised);border:2.5px solid var(--color-border);font-family:var(--font-heading);color:var(--color-text);cursor:pointer;text-align:left;border-radius:4px;flex:none;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.78rem;font-weight:700;display:flex}.lang-switcher__item-flag{font-size:1rem}.lang-switcher__item.is-active{box-shadow:2px 2px 0 0 var(--brutal-color,var(--shadow-hard))}.theme-swipe{border:3px solid var(--color-border);width:66px;height:32px;box-shadow:3px 3px 0 0 var(--brutal-color,var(--shadow-hard));cursor:pointer;border-radius:999px;flex:none;padding:0;transition:border-radius .18s;position:relative;overflow:visible}.theme-swipe:active{box-shadow:0 0 0 0 var(--brutal-color,var(--shadow-hard))}.theme-swipe__thumb{background:var(--color-accent);border:2.5px solid var(--color-border);cursor:grab;touch-action:none;color:#0a0a0a;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:3px;left:3px}.theme-swipe__thumb:active{cursor:grabbing}.theme-swipe__icon{width:16px;height:16px;position:absolute}.theme-swipe__particle{pointer-events:none;z-index:2;border-radius:50%;width:6px;height:6px;margin:-3px;position:absolute;top:50%;left:50%}.editor{flex-direction:column;gap:1rem;max-width:640px;margin:0 auto;padding:1rem 1rem 3rem;display:flex}.editor__header{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.editor__brand{color:var(--color-accent);font-size:1.15rem}.editor__header-actions{align-items:center;gap:.6rem;display:flex}.editor__tagline{color:var(--color-text-dim);margin:-.4rem 0 0;font-size:.85rem}.editor__preview{padding:1rem 0}.editor__orientation{flex-direction:column;gap:.5rem;display:flex}.editor__sections{flex-direction:column;gap:.8rem;display:flex}.editor__play-wrap{padding-top:.4rem;position:sticky;bottom:.8rem}.editor__footer{justify-content:center;padding-top:.4rem;display:flex}.start-gate{cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;inset:0}.start-gate__preview{filter:brightness(.45);position:absolute;inset:0}.start-gate__prompt{z-index:1;color:#fff;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;background:#0a0a0a8c;border:3px solid #fff;border-radius:12px;flex-direction:column;align-items:center;gap:.6rem;padding:1.4rem 2rem;font-size:1.1rem;font-weight:800;display:flex;position:relative}.start-gate__icon{font-size:2rem}.start-gate__hint{z-index:1;text-align:center;color:#fffc;margin:0;font-size:.78rem;position:fixed;bottom:1.5rem;left:1.5rem;right:1.5rem}.player-overlay{top:env(safe-area-inset-top,0);z-index:5;justify-content:center;gap:.6rem;padding:1rem;display:flex;position:fixed;left:0;right:0}.player-overlay__btn{color:#fff;font-family:var(--font-heading);text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0a99;border:2.5px solid #fff;border-radius:999px;align-items:center;gap:.4rem;padding:.55em 1em;font-size:.8rem;font-weight:700;display:flex}.player-overlay__btn--exit{color:#ff4d6d;border-color:#ff4d6d}.player{z-index:10;background:var(--color-bg);position:fixed;inset:0}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Variable.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/DMSans-Variable.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Archivo Black;src:url(/fonts/ArchivoBlack-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bebas Neue;src:url(/fonts/BebasNeue-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Anton;src:url(/fonts/Anton-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pacifico;src:url(/fonts/Pacifico-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Permanent Marker;src:url(/fonts/PermanentMarker-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-heading:"Space Grotesk", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-display:"Archivo Black", "Space Grotesk", system-ui, sans-serif;--font-ui:var(--font-heading);--color-bg:#0a0a0a;--color-surface:#121212;--color-surface-raised:#1a1a1a;--color-border:#fff;--color-text:#fff;--color-text-dim:#d8d8d8;--color-text-faint:#8f8f8f;--color-glow:#df3;--color-accent:#df3;--color-danger:#ff4d6d;--shadow-hard:#df3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}#root{overflow-x:hidden}button{color:inherit;font-family:inherit}::selection{background:var(--color-accent);color:#000}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-theme=brutal-dark]{--color-bg:#0a0a0a;--color-surface:#121212;--color-surface-raised:#1a1a1a;--color-border:#fff;--color-text:#fff;--color-text-dim:#d8d8d8;--color-text-faint:#8f8f8f;--color-glow:#df3;--color-accent:#df3;--color-danger:#ff4d6d;--shadow-hard:#df3}[data-theme=brutal-light]{--color-bg:#fdf6ea;--color-surface:#fff;--color-surface-raised:#fff;--color-border:#0a0a0a;--color-text:#0a0a0a;--color-text-dim:#3a3a3a;--color-text-faint:#6b6b6b;--color-glow:#ff3ec8;--color-accent:#ff3ec8;--color-danger:#e0293f;--shadow-hard:#0a0a0a}[data-theme^=brutal]{--radius-card:6px;--radius-chip:4px;--border-w:3px}[data-theme^=brutal] body{font-weight:500}.brutal-heading{font-family:var(--font-heading);letter-spacing:.02em;text-transform:uppercase;font-weight:700}.brutal-panel{border:var(--border-w) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-raised);box-shadow:5px 5px 0 0 var(--shadow-hard)}.brutal-card{border:var(--border-w) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-raised);box-shadow:4px 4px 0 0 var(--brutal-color,var(--shadow-hard));transition:box-shadow .15s,border-radius .18s,transform .12s}.brutal-btn{border:var(--border-w) solid var(--color-border);border-radius:var(--radius-chip);background:var(--brutal-color,var(--color-surface));color:var(--brutal-text,var(--color-text));box-shadow:3px 3px 0 0 var(--brutal-color,var(--shadow-hard));font-family:var(--font-heading);cursor:pointer;font-weight:700;transition:box-shadow .15s,background-color .15s,color .15s,border-radius .18s,transform .12s}.brutal-btn:active,.brutal-btn.is-reacting{box-shadow:0 0 0 0 var(--brutal-color,var(--shadow-hard));transform:translate(3px,3px)}.brutal-btn.is-reacting{border-radius:14px}.brutal-btn.is-active{background:var(--brutal-color,var(--color-accent));color:var(--brutal-text,var(--color-bg))}.brutal-btn:disabled{opacity:.4;cursor:not-allowed}.brutal-btn--block{justify-content:center;align-items:center;width:100%;display:flex}.brutal-chip{border:var(--border-w) solid var(--color-border);border-radius:var(--radius-chip);background:var(--color-surface);color:var(--color-text);box-shadow:2px 2px 0 0 var(--color-border);font-family:var(--font-heading);cursor:pointer;font-size:.8rem;font-weight:700;transition:background-color .15s,box-shadow .15s,border-radius .18s,transform .12s}.brutal-chip:active{box-shadow:0 0 0 0 var(--color-border);transform:translate(2px,2px)}.brutal-chip.is-active{background:var(--brutal-color,var(--color-accent));color:var(--brutal-text,var(--color-bg));box-shadow:2px 2px 0 0 var(--brutal-color,var(--shadow-hard));border-radius:999px}.brutal-swatch{border:var(--border-w) solid var(--color-border);border-radius:var(--radius-chip);box-shadow:2px 2px 0 0 var(--color-border);cursor:pointer;transition:transform .12s,border-radius .18s,box-shadow .15s}.brutal-swatch:active{transform:translate(2px,2px)scale(.95)}.brutal-swatch.is-active{box-shadow:3px 3px 0 0 var(--shadow-hard), 0 0 0 3px var(--color-bg) inset;border-radius:999px}.brutal-input,.brutal-textarea,.brutal-select{border:var(--border-w) solid var(--color-border);border-radius:var(--radius-chip);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);width:100%;padding:.6em .75em;font-size:1rem}.brutal-textarea{resize:vertical;font-family:var(--font-heading);font-weight:600}.brutal-input:focus,.brutal-textarea:focus,.brutal-select:focus{outline:3px solid var(--color-accent);outline-offset:1px}.brutal-slider{appearance:none;border:2px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:999px;width:100%;height:8px}.brutal-slider::-webkit-slider-thumb{appearance:none;background:var(--brutal-color,var(--color-accent));border:2.5px solid var(--color-border);width:22px;height:22px;box-shadow:2px 2px 0 0 var(--color-border);border-radius:999px}.brutal-slider::-moz-range-thumb{background:var(--brutal-color,var(--color-accent));border:2.5px solid var(--color-border);width:22px;height:22px;box-shadow:2px 2px 0 0 var(--color-border);border-radius:999px}.brutal-section-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-dim);font-size:.85rem;font-weight:700}