*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-background:#000;--bg-secondary:#0f0f0f;--bg-card:#141414;--bg-card-hover:#1c1c1c;--bg-card-active:#242424;--bg-overlay:#050505e6;--color-primary:#cf0;--color-secondary:#fff;--color-tertiary:#0091ff;--text-primary:var(--color-secondary);--text-secondary:#a3a3a3;--text-muted:#666;--text-accent:var(--color-tertiary);--border-subtle:#ffffff14;--border-card:#ffffff26;--shadow-bloom-primary:0 0 24px #ccff0059;--shadow-bloom-secondary:0 0 24px #ffffff59;--shadow-bloom-tertiary:0 0 24px #0091ff59;--radius-sm:4px;--radius-md:12px;--radius-lg:24px;--radius-full:9999px;--ease:cubic-bezier(.16, 1, .3, 1);--duration:.3s;color:var(--text-primary);background:var(--color-background);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:16px;line-height:1.6}body{background-color:var(--color-background);min-height:100vh}#app{flex-direction:column;align-items:center;min-height:100vh;padding:3rem 1rem;display:flex}.app-footer{width:100%;max-width:720px;margin-top:auto;padding:1rem 0 0}.app-footer__content{background:linear-gradient(135deg, #ccff0014, #0000) top left / 45% 100% no-repeat, linear-gradient(225deg, #0091ff14, #0000) top right / 45% 100% no-repeat, var(--bg-card);border:2px solid var(--border-card);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.app-footer__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.app-footer__credit{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.25rem;font-family:Bricolage Grotesque,sans-serif;font-size:.82rem;font-weight:800;display:flex}.footer-heart-icon{color:#fff;filter:drop-shadow(0 0 5px #ff3e0066);margin-top:-2px}.app-footer__link{color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em;transition:all var(--duration) var(--ease);align-items:center;gap:.5rem;font-family:Bricolage Grotesque,sans-serif;font-size:.85rem;font-weight:800;text-decoration:none;display:inline-flex}.app-footer__button{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:all var(--duration) var(--ease);background:0 0;border:0;align-items:center;gap:.5rem;padding:0;font-family:Bricolage Grotesque,sans-serif;font-size:.85rem;font-weight:800;display:inline-flex}.app-footer__link:hover{color:var(--color-tertiary);text-shadow:0 0 14px #0091ff59;transform:translate(3px)}.app-footer__button:hover{color:var(--color-primary);text-shadow:0 0 14px #ccff0059;transform:translate(3px)}h1{letter-spacing:-.05em;color:var(--color-primary);text-transform:uppercase;text-shadow:0 0 30px #cf06;font-family:Bricolage Grotesque,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.1}.brand-logo{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex}h2{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-family:Bricolage Grotesque,sans-serif;font-size:1.15rem;font-weight:600}.mode-card{background:var(--bg-card);border:2px solid var(--border-card);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration) var(--ease);-webkit-user-select:none;user-select:none;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.mode-card:hover{background:var(--bg-card-hover);border-color:var(--color-tertiary);box-shadow:var(--shadow-bloom-tertiary);transform:translateY(-4px)}.mode-card.active{border-color:var(--color-primary);background:var(--bg-card-active);box-shadow:var(--shadow-bloom-primary)}.mode-card.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;filter:grayscale()}.mode-card__title{color:var(--text-primary);text-transform:uppercase;align-items:center;gap:.5rem;font-family:Bricolage Grotesque,sans-serif;font-size:1.25rem;font-weight:700;display:flex}.mode-card.active .mode-card__title{color:var(--color-primary);text-shadow:0 0 10px #cf06}.mode-card__desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.dropzone{border:3px dashed var(--border-card);border-radius:var(--radius-lg);background:var(--bg-secondary);cursor:pointer;width:100%;min-height:260px;transition:all var(--duration) var(--ease);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:3rem;display:flex;position:relative}.dropzone:hover{border-style:solid;border-color:var(--color-primary);background:#ccff0008;box-shadow:0 0 35px #cf03}.dropzone.drag-over{border-color:var(--color-primary);box-shadow:var(--shadow-bloom-primary);background:#ccff0014;border-style:solid;transform:scale(1.02)}.dropzone__icon{color:var(--color-primary);filter:drop-shadow(0 0 15px #cf06);transition:transform var(--duration) var(--ease)}.dropzone:hover .dropzone__icon{filter:drop-shadow(0 0 25px #cf0c);transform:scale(1.1)rotate(-5deg)}.dropzone__text{color:var(--text-primary);font-family:Bricolage Grotesque,sans-serif;font-size:1.35rem;font-weight:700}.dropzone__text strong{color:var(--color-primary);text-shadow:0 0 15px #cf06}.dropzone__hint{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.9rem;font-weight:700}.video-preview{border:3px solid var(--border-card);border-radius:var(--radius-lg);background:var(--color-background);width:100%;max-width:480px;transition:all var(--duration) var(--ease);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000080}.video-preview__player{border-bottom:3px solid var(--border-card);background:#000;width:100%}.video-preview__player video{width:100%;display:block}.video-preview__info{background:var(--bg-card);flex-direction:column;padding:1.25rem;display:flex}.video-preview__details{justify-content:center;align-items:center;display:flex}.video-preview__details .meta{color:var(--color-tertiary);letter-spacing:.05em;text-transform:uppercase;text-shadow:0 0 10px #0091ff4d;font-family:Bricolage Grotesque,sans-serif;font-size:1.15rem;font-weight:800}.video-preview__remove-btn{background:var(--color-secondary);color:#000;text-transform:uppercase;cursor:pointer;width:100%;transition:all var(--duration) var(--ease);border:none;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem;font-family:Bricolage Grotesque,sans-serif;font-size:1.15rem;font-weight:800;display:flex}.video-preview__remove-btn:hover{background:#f2f2f2}.video-preview__remove-btn:active{background:#d9d9d9}.btn{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;transition:all var(--duration) var(--ease);border:2px solid #0000;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;font-family:Bricolage Grotesque,sans-serif;font-size:1.15rem;font-weight:800;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-tertiary);color:#000;border-color:var(--color-tertiary);box-shadow:var(--shadow-bloom-tertiary)}.btn-primary:hover:not(:disabled){background:#fff;border-color:#fff;transform:translateY(-4px)scale(1.02);box-shadow:0 0 35px #0091ffb3}.btn-primary:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-primary:disabled{background:var(--bg-card);color:var(--text-muted);border-color:var(--border-card);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--text-muted)}.btn-secondary:hover{background:var(--color-primary);border-color:var(--color-primary);color:#000;box-shadow:var(--shadow-bloom-primary);transform:translateY(-2px)}.btn-danger{color:var(--color-secondary);border:2px solid var(--color-secondary);background:0 0}.btn-danger:hover{background:var(--color-secondary);color:#000;box-shadow:var(--shadow-bloom-secondary);transform:translateY(-2px)}.brutalist-select{appearance:none;background:var(--bg-card);color:var(--color-tertiary);border:2px solid var(--text-muted);text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration) var(--ease);outline:none;padding:.85rem 1.5rem;font-family:Bricolage Grotesque,sans-serif;font-size:1.1rem;font-weight:800}.brutalist-select:hover,.brutalist-select:focus{border-color:var(--color-tertiary);box-shadow:var(--shadow-bloom-tertiary)}.btn-icon{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-card);border-radius:var(--radius-md);transition:all var(--duration) var(--ease);justify-content:center;align-items:center;padding:.85rem;display:inline-flex}.btn-icon:hover{background:var(--color-tertiary);border-color:var(--color-tertiary);color:#fff;transform:translateY(-2px)rotate(5deg);box-shadow:0 0 25px #0091ff99}.cookie-consent{z-index:260;pointer-events:none;justify-content:center;padding:1.25rem;display:flex;position:fixed;bottom:0;left:0;right:0}.cookie-consent__panel{pointer-events:auto;background:var(--color-background);border:3px solid var(--color-primary);border-radius:0;flex-direction:column;gap:1rem;width:100%;max-width:900px;padding:1.25rem;display:flex;box-shadow:6px 6px #cf06}@media (width>=640px){.cookie-consent__panel{flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 1.25rem}}.cookie-consent__content{color:var(--text-primary);align-items:flex-start;gap:.75rem;display:flex}.cookie-icon{color:var(--color-primary);flex-shrink:0;margin-top:.1rem}.cookie-consent__content p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.4}.cookie-consent__content p strong{color:var(--color-primary);font-weight:600}.cookie-consent__actions{flex-shrink:0;align-items:center;gap:.5rem;width:100%;display:flex}@media (width>=640px){.cookie-consent__content{align-items:center}.cookie-icon{margin-top:0}.cookie-consent__actions{width:auto}}.cookie-btn{text-transform:uppercase;cursor:pointer;height:2.75rem;transition:all .2s var(--ease);border:2px solid #0000;border-radius:0;flex:1;justify-content:center;align-items:center;padding:0 1rem;font-family:Bricolage Grotesque,sans-serif;font-size:.85rem;font-weight:800;display:inline-flex}@media (width>=640px){.cookie-btn{flex:none;height:2.5rem}}.cookie-btn--reject{border-color:var(--text-muted);color:var(--text-secondary);background:0 0}.cookie-btn--reject:hover{background:var(--text-muted);color:var(--color-background)}.cookie-btn--accept{background:var(--color-primary);color:#000;border-color:var(--color-primary)}.cookie-btn--accept:hover{box-shadow:var(--shadow-bloom-primary);background:#fff;border-color:#fff}.cookie-btn--close{color:var(--text-muted);background:0 0;border-color:#0000;flex:0 0 2.75rem;padding:0}@media (width>=640px){.cookie-btn--close{flex:none;width:2.5rem}}.cookie-btn--close:hover{color:var(--color-secondary)}.progress-overlay{z-index:100;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.progress-overlay__spinner{border:4px solid var(--bg-card);border-top-color:var(--color-tertiary);border-radius:50%;width:80px;height:80px;animation:1s linear infinite spinBlooms;box-shadow:0 0 30px #0091ff4d}@keyframes spinBlooms{to{transform:rotate(360deg)}}.progress-overlay__text{color:var(--color-tertiary);text-transform:uppercase;text-shadow:var(--shadow-bloom-tertiary);letter-spacing:.05em;font-family:Bricolage Grotesque,sans-serif;font-size:1.5rem;font-weight:800}.progress-overlay__sub{color:var(--text-secondary);font-size:1rem}.result-card{background:var(--bg-card);border:2px solid var(--border-card);border-radius:var(--radius-lg);flex-direction:column;width:100%;display:flex;overflow:hidden}.result-card__crop-header{border-bottom:2px solid var(--border-card);align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.result-card__preview{background:#000;justify-content:center;align-items:center;min-height:180px;padding:1rem;display:flex}.result-card__preview--cropping{padding:1.25rem 1rem}.result-card__preview img{border-radius:var(--radius-sm);max-width:100%;max-height:50vh;display:block}.result-card__hint{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:linear-gradient(90deg,#0091ff14,#ccff000a);align-items:center;gap:.85rem;padding:.95rem 1.25rem;display:flex}.result-card__hint_shell{align-items:center;gap:.85rem;width:fit-content;display:flex}.result-card__hint-icon{width:2.25rem;height:2.25rem;color:var(--color-primary);border-radius:var(--radius-sm);background:#ccff0014;border:2px solid #ccff0038;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 0 20px #ccff002e}.result-card__hint-text{color:var(--text-secondary);text-wrap:balance;margin:0;font-size:.88rem;line-height:1.45}.result-card__hint-label{color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;margin-right:.35rem;font-family:Bricolage Grotesque,sans-serif;font-size:.8rem;font-weight:800}.result-card__info{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);justify-content:center;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.result-card__info--with-hint{border-top:none}.result-card__size{color:var(--color-tertiary);text-shadow:0 0 10px #0091ff4d;letter-spacing:.03em;font-family:Bricolage Grotesque,sans-serif;font-size:1.05rem;font-weight:800}.result-card__badge{color:var(--color-primary);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.1em;background:#ccff001a;border:1px solid #ccff0040;padding:.15rem .5rem;font-family:Bricolage Grotesque,sans-serif;font-size:.7rem;font-weight:800}.result-card__actions{grid-template-columns:1fr 1fr;gap:0;display:grid}.result-card__actions--single{grid-template-columns:1fr}.result-action{border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all var(--duration) var(--ease);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.15rem .75rem;font-family:Bricolage Grotesque,sans-serif;font-size:.8rem;font-weight:700;display:flex}.result-action:nth-child(odd){border-right:1px solid var(--border-subtle)}.result-card__actions--single .result-action:nth-child(odd){border-right:none}.result-action:hover{color:var(--text-primary);background:#ffffff0a}.result-action:active{background:#ffffff14;transform:scale(.96)}.result-action:disabled{color:var(--text-muted);cursor:not-allowed;background:0 0;transform:none}.result-action--primary{color:var(--color-primary)}.result-action--primary:hover{color:var(--color-primary);background:#ccff000f}.result-action--active{color:var(--color-tertiary);background:#0091ff0f}.result-card__quality{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);animation:fadeIn .2s var(--ease);flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.result-card__crop-controls{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);animation:fadeIn .2s var(--ease);justify-content:center;align-items:center;padding:1rem 1.25rem;display:flex}.crop-ratio-row{justify-content:center;align-items:center;gap:.75rem;width:100%;display:flex}.crop-ratio-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-family:Bricolage Grotesque,sans-serif;font-size:.85rem;font-weight:800}.crop-ratio-select{appearance:none;min-width:9rem;color:var(--color-secondary);border:2px solid var(--border-card);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--duration) var(--ease);background:#000;padding:.65rem .9rem;font-family:Bricolage Grotesque,sans-serif;font-size:.85rem;font-weight:800}.crop-ratio-select:hover,.crop-ratio-select:focus{border-color:var(--color-tertiary);color:var(--color-tertiary);box-shadow:var(--shadow-bloom-tertiary);outline:none}.quality-apply-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.quality-chip{color:var(--color-primary);text-shadow:0 0 12px #cf06;text-align:right;min-width:3.5ch;font-family:Bricolage Grotesque,sans-serif;font-size:1.1rem;font-weight:800}.result-card__new{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--duration) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;padding:1.15rem;font-family:Bricolage Grotesque,sans-serif;font-size:.9rem;font-weight:700;display:flex}.result-card__new:hover{color:var(--text-primary);background:#ffffff0a}.quality-section{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.quality-toggle{border:2px solid var(--border-card);color:var(--text-secondary);text-transform:uppercase;cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration) var(--ease);background:0 0;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:Bricolage Grotesque,sans-serif;font-size:.9rem;font-weight:700;display:inline-flex}.quality-toggle:hover{border-color:var(--color-tertiary);color:var(--color-tertiary)}.quality-toggle--active{border-color:var(--color-tertiary);color:var(--color-tertiary);box-shadow:var(--shadow-bloom-tertiary)}.quality-panel{background:var(--bg-card);border:2px solid var(--border-card);border-radius:var(--radius-md);width:100%;max-width:400px;animation:fadeIn .2s var(--ease);flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}.quality-slider-row{align-items:center;gap:1rem;width:100%;display:flex}.quality-label{color:var(--text-muted);text-align:center;min-width:2ch;font-family:Bricolage Grotesque,sans-serif;font-size:.85rem;font-weight:700}.quality-range{appearance:none;background:var(--bg-secondary);border:2px solid var(--border-card);cursor:pointer;border-radius:4px;outline:none;flex:1;height:8px}.quality-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);border:3px solid var(--color-background);cursor:pointer;border-radius:50%;width:24px;height:24px;transition:box-shadow .15s;box-shadow:0 0 12px #ccff0080}.quality-range::-webkit-slider-thumb:hover{box-shadow:0 0 20px #cf0c}.quality-range::-moz-range-thumb{background:var(--color-primary);border:3px solid var(--color-background);cursor:pointer;border-radius:50%;width:24px;height:24px;box-shadow:0 0 12px #ccff0080}.quality-info{align-items:center;gap:1rem;display:flex}.quality-value{color:var(--color-primary);text-shadow:0 0 15px #cf06;font-family:Bricolage Grotesque,sans-serif;font-size:1.5rem;font-weight:800}.quality-desc{color:var(--text-muted);text-transform:uppercase;font-family:Bricolage Grotesque,sans-serif;font-size:.9rem;font-weight:700}.crop-container{-webkit-user-select:none;user-select:none;touch-action:none;border-radius:var(--radius-md);display:inline-block;position:relative;overflow:hidden}.crop-container img{max-width:100%;max-height:50vh;display:block}.crop-overlay{pointer-events:none;position:absolute;inset:0}.crop-mask{background:#000000b3;position:absolute}.crop-selection{border:2px solid var(--color-secondary);cursor:move;pointer-events:auto;position:absolute;box-shadow:0 0 0 9999px #000000b3}.crop-handle{background:var(--color-background);border:3px solid var(--color-secondary);pointer-events:auto;z-index:2;width:20px;height:20px;position:absolute;box-shadow:0 0 10px #ffffff80}.crop-handle:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crop-handle.tl{cursor:nw-resize;top:-10px;left:-10px}.crop-handle.tr{cursor:ne-resize;top:-10px;right:-10px}.crop-handle.bl{cursor:sw-resize;bottom:-10px;left:-10px}.crop-handle.br{cursor:se-resize;bottom:-10px;right:-10px}.container{flex-direction:column;gap:2rem;width:100%;min-width:0;max-width:600px;display:flex}.header{text-align:center;flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.home-hero{gap:1rem;padding:1rem 0 .5rem}.home-hero__brand{gap:.5rem}.home-hero__logo{width:75px;height:75px}.home-hero__subtitle{flex-direction:column;align-items:center;gap:.15rem;display:flex}.home-hero__subtitle span{display:block}.mode-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.brutalist-input{appearance:none;background:var(--color-background);width:100%;min-width:0;color:var(--color-secondary);border:3px solid var(--border-card);border-radius:var(--radius-md);transition:all var(--duration) var(--ease);outline:none;padding:1rem 1.5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem}.brutalist-input:focus{border-color:var(--color-tertiary);box-shadow:var(--shadow-bloom-tertiary)}.brutalist-input::placeholder{color:var(--text-muted)}.native-file-input{display:none}.section{flex-direction:column;gap:1rem;display:flex}.section__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-family:Bricolage Grotesque,sans-serif;font-size:.9rem;font-weight:800}.home-tutorial{justify-content:center;display:flex}.home-tutorial__button{background:var(--bg-card);border-color:var(--border-card);min-width:13rem;color:var(--text-primary)}.home-tutorial__button:hover{border-color:var(--color-primary)}.actions{justify-content:center;padding-top:1rem;display:flex}.landing-zone{border:2px solid var(--border-card);border-radius:var(--radius-lg);background:var(--bg-card);flex-direction:column;gap:0;width:100%;display:flex;overflow:hidden}.landing-zone .dropzone{background:0 0;border:none;border-radius:0;min-height:200px}.landing-zone .dropzone:hover{box-shadow:none;background:#ccff0008;border:none}.landing-zone .dropzone.drag-over{background:#ccff0014;border:none;transform:none;box-shadow:inset 0 0 30px #ccff0026}.landing-zone__divider{align-items:center;gap:1rem;padding:0 2rem;display:flex}.landing-zone__divider-line{background:var(--border-card);flex:1;height:1px}.landing-zone__divider-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-family:Bricolage Grotesque,sans-serif;font-size:.85rem;font-weight:700}.landing-zone__twitter{flex-direction:column;gap:.75rem;padding:1.5rem 2rem 2rem;display:flex}.landing-zone__twitter-label{color:var(--text-secondary);align-items:center;gap:.5rem;font-family:Bricolage Grotesque,sans-serif;font-size:.95rem;font-weight:700;display:flex}.landing-zone__twitter-label strong{color:var(--text-primary)}.landing-zone__twitter-row{align-items:stretch;gap:.75rem;width:100%;display:flex}.landing-zone__input{flex:auto}.landing-zone__submit{white-space:nowrap;flex:none}.tutorial-modal{z-index:320;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.tutorial-modal__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d6;position:absolute;inset:0}.tutorial-modal__panel{z-index:1;background:radial-gradient(circle at 18% 16%, #cf01, transparent 34%), radial-gradient(circle at 82% 14%, #0091ff12, transparent 36%), linear-gradient(90deg, #ccff000a 0%, #ccff0005 24%, #0c0c0cf5 50%, #0091ff05 76%, #0091ff0a 100%), var(--bg-card);border:2px solid var(--border-card);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;width:min(100%,860px);padding:1.15rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 45px #ccff0024,0 0 35px #0091ff1f}.tutorial-modal__panel:before,.tutorial-modal__panel:after{content:"";pointer-events:none;filter:blur(46px);opacity:.32;position:absolute;inset:-18%}.tutorial-modal__panel:before{background:radial-gradient(circle at 20% 24%,#ccff001a,#0000 30%),radial-gradient(circle at 78% 18%,#0091ff14,#0000 28%)}.tutorial-modal__panel:after{background:linear-gradient(90deg,#ccff000a 0%,#0000 42% 58%,#0091ff0a 100%)}.tutorial-modal__header{z-index:1;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.tutorial-modal__eyebrow{color:var(--color-primary);text-transform:uppercase;letter-spacing:.14em;text-shadow:var(--shadow-bloom-primary);font-family:Bricolage Grotesque,sans-serif;font-size:.8rem;font-weight:800}.tutorial-modal__close{border:2px solid var(--border-card);width:3rem;height:3rem;color:var(--text-secondary);cursor:pointer;transition:all var(--duration) var(--ease);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.tutorial-modal__close:hover{border-color:var(--color-tertiary);color:var(--color-tertiary);box-shadow:var(--shadow-bloom-tertiary);transform:rotate(90deg)}.tutorial-modal__body{z-index:1;justify-content:center;display:flex;position:relative}.tutorial-modal__video{border:2px solid var(--border-card);border-radius:calc(var(--radius-lg) - 8px);background:#000;width:100%;max-height:min(78vh,920px);display:block}.btn--compact{padding:.85rem 1.5rem;font-size:1rem}.btn-generate{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;width:100%;transition:all var(--duration) var(--ease);background:var(--color-primary);color:#000;box-shadow:var(--shadow-bloom-primary);border:none;justify-content:center;align-items:center;gap:.75rem;padding:1.35rem 2.5rem;font-family:Bricolage Grotesque,sans-serif;font-size:1.25rem;font-weight:800;display:inline-flex}.btn-generate:hover:not(:disabled){transform:translateY(-3px)scale(1.01);box-shadow:0 0 45px #cf09}.btn-generate:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-generate:disabled{background:var(--bg-card);color:var(--text-muted);border:2px solid var(--border-card);box-shadow:none;cursor:not-allowed;transform:none}.trim-header{align-items:center;gap:1rem;display:flex}.trim-header__label{margin:0}.error-msg{color:var(--color-secondary);text-align:center;border-radius:var(--radius-sm);border:2px solid var(--color-secondary);text-transform:uppercase;letter-spacing:.02em;background:#ffffff14;padding:1rem;font-family:Bricolage Grotesque,sans-serif;font-size:.9rem;font-weight:600;box-shadow:0 0 15px #fff3}.toast{background:var(--bg-card);color:var(--text-primary);border:3px solid var(--color-primary);z-index:200;opacity:0;border-radius:0;align-items:stretch;min-width:max-content;padding:0;font-family:Bricolage Grotesque,sans-serif;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastInBrutal;display:flex;position:fixed;bottom:2.5rem;left:50%;overflow:hidden;transform:translate(-50%)translateY(30px);box-shadow:6px 6px #cf06}.toast__icon{background:var(--color-primary);color:#000;border-right:3px solid var(--color-primary);justify-content:center;align-items:center;padding:.8rem 1rem;display:flex}.toast__message{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);text-shadow:0 0 10px #cf03;align-items:center;padding:.8rem 1.25rem;font-size:.95rem;font-weight:800;display:flex}.toast--error{border-color:var(--color-secondary);box-shadow:6px 6px #fff6}.toast--error .toast__icon{background:var(--color-secondary);border-right-color:var(--color-secondary)}.toast--error .toast__message{color:var(--color-secondary);text-shadow:0 0 10px #fff3}.toast--download{border-color:var(--color-tertiary);box-shadow:6px 6px #0091ff66}.toast--download .toast__icon{background:var(--color-tertiary);border-right-color:var(--color-tertiary)}.toast--download .toast__message{color:var(--color-tertiary);text-shadow:0 0 10px #0091ff33}@keyframes toastInBrutal{0%{opacity:0;transform:translate(-50%)translateY(30px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.toast.hide{animation:.3s cubic-bezier(.16,1,.3,1) forwards toastOutBrutal}@keyframes toastOutBrutal{to{opacity:0;transform:translate(-50%)translateY(30px)}}@media (width<=640px){.toast{width:max-content;min-width:0;max-width:calc(100vw - 2rem);bottom:1.5rem;box-shadow:4px 4px #cf06}.toast--error{box-shadow:4px 4px #fff6}.toast--download{box-shadow:4px 4px #0091ff66}.toast__icon{padding:.75rem .85rem}.toast__message{text-wrap:balance;padding:.75rem 1rem;font-size:.85rem;line-height:1.3}.result-card__hint{justify-content:center;align-items:flex-start;padding:.9rem 1rem}.result-card__hint-text{width:248px;font-size:.82rem}}.back-row{align-items:center;width:100%;margin-bottom:1rem;display:flex}.btn-back{border:2px solid var(--border-card);color:var(--text-secondary);text-transform:uppercase;cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration) var(--ease);background:0 0;align-items:center;gap:.5rem;padding:.6rem 1rem;font-family:Bricolage Grotesque,sans-serif;font-size:.9rem;font-weight:700;display:inline-flex}.btn-back:hover{color:#000;background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-bloom-primary)}.trimmer{background:var(--bg-card);border:2px solid var(--border-card);border-radius:var(--radius-lg);flex-direction:column;gap:1.5rem;width:100%;display:flex;overflow:hidden}.trimmer__video{background:#000;width:100%}.trimmer__video video{object-fit:contain;width:100%;max-height:320px;display:block}.trimmer__controls{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.trimmer__transport{justify-content:center;align-items:center;gap:.5rem;display:flex}.trimmer__btn{border:2px solid var(--border-card);border-radius:var(--radius-md);background:var(--bg-secondary);width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:all var(--duration) var(--ease);justify-content:center;align-items:center;display:flex}.trimmer__btn:hover{border-color:var(--color-tertiary);color:var(--color-tertiary);box-shadow:var(--shadow-bloom-tertiary)}.trimmer__btn--play{border-color:var(--color-tertiary);width:56px;height:56px;color:var(--color-tertiary);border-radius:50%}.trimmer__btn--play:hover{background:var(--color-tertiary);color:#000}.trimmer__timeline{padding:.5rem 0}.trimmer__track{background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;border:2px solid var(--border-card);touch-action:none;width:100%;height:48px;position:relative}.trimmer__inactive{z-index:1;pointer-events:none;background:#0009;height:100%;position:absolute;top:0}.trimmer__selection{border-top:3px solid var(--color-tertiary);border-bottom:3px solid var(--color-tertiary);cursor:grab;z-index:2;touch-action:none;background:#0091ff1f;height:100%;position:absolute;top:0}.trimmer__selection:active{cursor:grabbing}.trimmer__playhead{background:var(--color-primary);z-index:4;pointer-events:none;width:3px;position:absolute;top:-4px;bottom:-4px;transform:translate(-50%);box-shadow:0 0 10px #cf09}.trimmer__playhead-hitbox{z-index:5;cursor:ew-resize;touch-action:none;width:28px;position:absolute;top:-8px;bottom:-8px;transform:translate(-50%)}.trimmer__handle{background:var(--color-tertiary);cursor:ew-resize;z-index:3;touch-action:none;width:16px;transition:box-shadow .15s;position:absolute;top:-2px;bottom:-2px}.trimmer__handle:after{content:"";width:44px;height:110%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trimmer__handle--start{border-radius:var(--radius-sm) 0 0 var(--radius-sm);transform:translate(-100%)}.trimmer__handle--end{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.trimmer__handle:hover,.trimmer__handle:active{box-shadow:var(--shadow-bloom-tertiary)}.trimmer__info{justify-content:space-between;align-items:center;display:flex}.trimmer__time{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-family:Bricolage Grotesque,sans-serif;font-size:1rem;font-weight:700}.trimmer__duration{color:var(--color-tertiary);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px #0091ff4d;font-family:Bricolage Grotesque,sans-serif;font-size:1.15rem;font-weight:800}.trimmer__duration--warn{color:var(--color-secondary);text-shadow:0 0 10px #f506}.trimmer__footer{border-top:2px solid var(--border-card);flex-direction:column;align-items:center;display:flex}.trimmer__file-size{color:var(--color-tertiary);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px #0091ff4d;padding:1rem;font-family:Bricolage Grotesque,sans-serif;font-size:1.1rem;font-weight:800}@media (width<=720px){#app{padding:2rem 1rem 2.5rem}.app-footer__content{flex-direction:column;align-items:flex-start}.app-footer__actions{justify-content:space-between;width:100%}.cookie-consent{bottom:.75rem;left:.75rem;right:.75rem}.cookie-consent__panel{padding:1.15rem}.cookie-consent__actions{grid-template-columns:1fr}.home-hero{padding-top:.75rem}.landing-zone .dropzone{min-height:180px;padding:2.5rem 1.5rem}.tutorial-modal{padding:1rem}.landing-zone__divider{padding:0 1.25rem}.landing-zone__twitter{padding:1.25rem 1.25rem 1.5rem}.landing-zone__twitter-row{flex-direction:column}.landing-zone__submit{width:100%}.trim-header{flex-direction:column;align-items:stretch}.trim-header .btn-back{justify-content:center}}@media (width<=480px){#app{padding:1.25rem .75rem 2rem}.app-footer{padding-top:.5rem}.app-footer__content{border-radius:1.25rem;align-items:center;gap:.85rem;padding:.95rem 1rem}.app-footer__credit,.app-footer__link,.app-footer__button{text-align:center;font-size:.75rem}.app-footer__actions{justify-content:center}.cookie-consent{bottom:.5rem;left:.5rem;right:.5rem}.cookie-consent__panel{border-radius:1.25rem;gap:1rem;padding:1rem}.cookie-consent__header{gap:.75rem}.cookie-consent__badge{letter-spacing:.1em;font-size:.7rem}.cookie-consent__body h3{font-size:1.2rem}.cookie-consent__body p{font-size:.9rem}.cookie-consent__action{min-height:3.15rem;font-size:.88rem}h1{letter-spacing:-.04em;font-size:clamp(2.5rem,10vw,3rem)}h2{letter-spacing:.05em;font-size:.78rem}.mode-cards{grid-template-columns:1fr}.container{gap:1.25rem}.btn{padding:1rem 2rem;font-size:1rem}.header{margin-bottom:.25rem}.home-hero{gap:.85rem;padding:.5rem 0 .25rem}.home-hero__logo{width:59px;height:59px}.home-hero__subtitle{white-space:nowrap;text-align:center;flex-flow:row;justify-content:center;align-items:center;gap:.35rem}.home-hero__subtitle span{display:inline}.home-tutorial__button{width:100%}.tutorial-modal{padding:.75rem}.tutorial-modal__panel{border-radius:1.25rem;gap:.85rem;padding:.85rem}.tutorial-modal__close{width:2.7rem;height:2.7rem}.dropzone{gap:1rem;min-height:220px;padding:2rem 1.25rem}.dropzone__icon svg{width:3rem;height:3rem}.dropzone__text{font-size:1.1rem;line-height:1.35}.dropzone__hint{font-size:.8rem}.landing-zone{border-radius:1.5rem}.landing-zone__divider{gap:.75rem;padding:0 1rem}.landing-zone__twitter{gap:.9rem;padding:1rem 1rem 1.25rem}.landing-zone__twitter-label{align-items:flex-start;font-size:.9rem;line-height:1.4}.brutalist-input{border-width:2px;padding:.95rem 1rem;font-size:1rem}.btn--compact{width:100%;padding:.95rem 1.25rem}.btn-generate{padding:1.1rem 1.5rem;font-size:1.05rem}.error-msg{letter-spacing:.04em;padding:.85rem;font-size:.82rem}.crop-ratio-row{flex-direction:column;align-items:flex-start}.crop-ratio-select{width:100%}.crop-handle{border-width:4px;width:28px;height:28px}.crop-handle:after{width:56px;height:56px}.crop-handle.tl{top:-14px;left:-14px}.crop-handle.tr{top:-14px;right:-14px}.crop-handle.bl{bottom:-14px;left:-14px}.crop-handle.br{bottom:-14px;right:-14px}.crop-selection{border-width:3px}.trimmer__track{height:56px}.trimmer__handle{width:20px}.trimmer__handle:after{width:52px}.trimmer__btn--play{width:64px;height:64px}.trimmer__selection{border-top-width:4px;border-bottom-width:4px}}@media (width<=380px){.cookie-consent__body h3{font-size:1.05rem}.home-hero__subtitle{gap:.25rem;max-width:none;margin:0 auto}.dropzone{min-height:200px;padding:1.75rem 1rem}.dropzone__text{font-size:1rem}.landing-zone__twitter-label{font-size:.82rem}}.brutal-overlay.svelte-ceyxbg{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;animation:.3s ease-out svelte-ceyxbg-fadeInFade;display:flex;position:fixed;inset:0}@keyframes svelte-ceyxbg-fadeInFade{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.brutal-loader-box.svelte-ceyxbg{background:var(--bg-card,#141414);border:3px solid var(--color-secondary,#fff);flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:420px;padding:3.5rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:6px 6px #fff3}.brutal-spinner.svelte-ceyxbg{border:4px solid var(--border-card,#ffffff26);border-top:4px solid var(--color-secondary,#fff);border-right:4px solid var(--color-secondary,#fff);background-color:#0000;border-radius:0%;width:64px;height:64px;animation:1.2s cubic-bezier(.68,-.55,.265,1.55) infinite svelte-ceyxbg-spinBrutal}@keyframes svelte-ceyxbg-spinBrutal{0%{transform:rotate(0)scale(1)}50%{border-radius:50%;transform:rotate(180deg)scale(.8)}to{border-radius:0%;transform:rotate(360deg)scale(1)}}.text-content.svelte-ceyxbg{text-align:center;z-index:2;flex-direction:column;align-items:center;gap:.75rem;display:flex}.loader-message.svelte-ceyxbg{color:var(--color-secondary,#fff);text-transform:uppercase;letter-spacing:.05em;margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:1.75rem;font-weight:800;animation:1.5s ease-in-out infinite alternate svelte-ceyxbg-pulseText}.loader-submessage.svelte-ceyxbg{color:var(--text-secondary,#a3a3a3);letter-spacing:.02em;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:500}@keyframes svelte-ceyxbg-pulseText{0%{opacity:.7}to{opacity:1}}@media (width<=640px){.brutal-overlay.svelte-ceyxbg{padding:1rem}.brutal-loader-box.svelte-ceyxbg{border-width:2px;gap:1.5rem;padding:2.5rem 1.5rem;box-shadow:4px 4px #fff3}.brutal-spinner.svelte-ceyxbg{border-width:3px;width:50px;height:50px}.loader-message.svelte-ceyxbg{font-size:1.35rem}.loader-submessage.svelte-ceyxbg{font-size:.9rem}}.crop-tool.svelte-sgjbxf{justify-content:center;width:100%;display:flex}.result-image-container.svelte-1gzqwle{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}