@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/baloo-2-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/baloo-2-800-latinext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700.woff2) format("woff2")}:root{--font-brand: "Baloo 2", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--color-lilac-primary: #A178F5;--color-lilac-dark: #8757E4;--color-lilac-subtle: #F3EDFD;--color-orange-accent: #FF4908;--color-orange-hover: #E23800;--color-orange-dark: #C93300;--color-orange-light: #FFF0EB;--color-warm-white: #FAFFF3;--bg-card: #FFFFFF;--bg-card-subtle: #F6F8F3;--bg-input: #FFFFFF;--text-dark: #252128;--text-muted: #5E5863;--text-subtle: #7D7684;--color-yellow-accent: #FFE34B;--color-yellow-subtle: #FFFBE8;--border-subtle: rgba(37, 33, 40, .08);--border-focus: #FF4908;--color-success: #15803D;--color-success-bg: #ECFDF5;--color-warning: #B45309;--color-warning-bg: #FFFBEB;--color-error: #DC2626;--color-error-bg: #FEF2F2;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 9999px;--shadow-sm: 0 1px 3px rgba(37, 33, 40, .04);--shadow-card: 0 4px 20px -2px rgba(37, 33, 40, .05), 0 2px 6px -1px rgba(37, 33, 40, .03);--shadow-button-orange: 0 4px 14px rgba(255, 73, 8, .35);--shadow-header: 0 8px 24px rgba(161, 120, 245, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-warm-white);color:var(--text-dark);line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}*:focus-visible{outline:3px solid var(--color-orange-accent);outline-offset:2.5px}.app-hero-header{background-color:var(--color-lilac-primary);color:#fff;padding:1.65rem 1.25rem 2rem;box-shadow:var(--shadow-header)}.hero-container{max-width:1040px;margin:0 auto}.hero-top-nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem}.brand-reaction-icon{display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001f;transition:transform .2s ease}.brand-reaction-icon:hover{transform:rotate(-5deg) scale(1.05)}.logo-title{font-family:var(--font-brand);font-size:2.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-.5px}.hero-badges{display:flex;gap:.6rem;flex-wrap:wrap}.hero-pill{display:inline-flex;align-items:center;font-size:.82rem;font-weight:700;padding:.35rem .85rem;border-radius:var(--radius-pill);line-height:1.2}.hero-pill-yellow{background-color:var(--color-yellow-accent);color:var(--text-dark);box-shadow:0 2px 6px #00000014}.hero-pill-white{background-color:#ffffff38;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-content{margin-top:1.25rem;margin-bottom:1rem;text-align:left}.hero-title-row{display:inline-flex;align-items:center;gap:.75rem}.hero-title{font-family:var(--font-brand);font-size:2.9rem;font-weight:800;line-height:1.1;color:var(--color-warm-white);letter-spacing:-.6px}.abstract-spark{display:inline-flex;align-items:center}.hero-subtitle{font-size:1.15rem;font-weight:400;color:#f3edfd;margin-top:.35rem;max-width:650px}.disclaimer-banner{display:flex;align-items:flex-start;gap:.75rem;background-color:var(--color-warm-white);color:var(--text-dark);border-radius:var(--radius-md);padding:.75rem 1.15rem;box-shadow:var(--shadow-sm);margin-top:.85rem}.disclaimer-icon{font-size:1.15rem;flex-shrink:0;line-height:1.3}.disclaimer-text{font-size:.85rem;line-height:1.45;color:var(--text-dark)}.disclaimer-text strong{color:var(--color-orange-accent)}.app-layout{display:flex;flex-direction:column;min-height:calc(100vh - 240px);max-width:1040px;margin:0 auto;padding:2rem 1.25rem}.main-container{flex:1}.stepper-nav{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);padding:.75rem 1.75rem;margin-bottom:2rem}.step-item{display:flex;align-items:center;gap:.75rem;opacity:.45;transition:opacity .2s ease}.step-item.active{opacity:1}.step-circle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-brand);font-weight:800;font-size:1.05rem;background-color:var(--bg-card-subtle);color:var(--text-dark);transition:all .2s ease}.step-item.active .step-circle{background-color:var(--color-orange-accent);color:#fff;box-shadow:0 2px 8px #ff490859}.step-label{font-size:.95rem;font-weight:600;color:var(--text-dark)}.step-connector{flex:1;height:2px;background-color:#e6eadf;margin:0 1.25rem}.card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2rem}.section-header{margin-bottom:1.5rem}.section-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.section-heading{font-family:var(--font-brand);font-size:2.2rem;font-weight:800;color:var(--text-dark);line-height:1.15;letter-spacing:-.4px}.section-lead{font-size:.98rem;color:var(--text-muted);margin-top:.25rem}.upload-grid{display:flex;flex-direction:column;gap:1.75rem}.dropzone{border:2px dashed #D6DEC8;border-radius:var(--radius-lg);background-color:var(--bg-card-subtle);padding:3.25rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s ease}.dropzone:hover,.dropzone.dragover{background-color:var(--color-orange-light);border-color:var(--color-orange-accent);transform:translateY(-2px)}.dropzone-icon{margin-bottom:.85rem;display:flex;justify-content:center;color:var(--color-orange-accent)}.dropzone-title{font-family:var(--font-brand);font-size:1.6rem;font-weight:800;color:var(--text-dark);margin-bottom:.25rem;letter-spacing:-.3px}.dropzone-subtitle{font-size:.98rem;color:var(--text-muted);margin-bottom:1.25rem}.dropzone-specs{display:inline-flex;align-items:center;gap:.5rem;font-size:.88rem}.spec-tag{background-color:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.2rem .55rem;font-weight:700;font-size:.8rem;color:var(--text-dark)}.spec-sep{color:var(--text-subtle)}.spec-limit{font-weight:600;color:var(--text-dark)}.divider-with-text{display:flex;align-items:center;text-align:center;color:var(--text-subtle);font-size:.88rem;font-weight:600}.divider-with-text:before,.divider-with-text:after{content:"";flex:1;border-bottom:1px solid var(--border-subtle)}.divider-with-text span{padding:0 1rem}.url-input-block{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.88rem;font-weight:600;color:var(--text-dark)}.url-input-group{display:flex;gap:.65rem}.text-input{flex:1;background-color:var(--bg-input);border:1.5px solid #DEE3D5;border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.95rem;color:var(--text-dark);transition:all .15s ease}.text-input:focus{border-color:var(--color-orange-accent);box-shadow:0 0 0 3px #ff490826}.font-mono{font-family:var(--font-mono)}.samples-block{border-top:1px solid var(--border-subtle);padding-top:1.35rem;display:flex;flex-direction:column;gap:.75rem}.samples-label{font-size:.88rem;font-weight:600;color:var(--text-muted)}.samples-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:.95rem;padding:.75rem 1.4rem;border-radius:var(--radius-pill);cursor:pointer;border:none;transition:all .18s ease;-webkit-user-select:none;user-select:none;text-decoration:none}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{background-color:var(--color-orange-hover);color:#fff;box-shadow:var(--shadow-button-orange)}.btn-primary:hover:not(:disabled){background-color:var(--color-orange-dark);transform:translateY(-1px);box-shadow:0 6px 18px #ff490873}.btn-secondary{background-color:#fff;color:var(--text-dark);border:1.5px solid #DEE3D5;box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-card-subtle);border-color:#cbd2c0}.btn-outline{background-color:#fff;color:var(--text-dark);border:1.5px solid #DEE3D5}.btn-outline:hover:not(:disabled){background-color:var(--color-orange-light);border-color:var(--color-orange-accent);color:var(--color-orange-accent)}.btn-success{background-color:var(--color-success);color:#fff;box-shadow:0 4px 12px #15803d47}.btn-success:hover:not(:disabled){background-color:#116832;transform:translateY(-1px)}.btn-warning{background-color:var(--color-warning);color:#fff}.btn-warning:hover:not(:disabled){background-color:#92400e}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-sm{padding:.45rem .95rem;font-size:.84rem}.btn-lg{font-family:var(--font-brand);font-size:1.3rem;font-weight:800;padding:.95rem 2rem;letter-spacing:-.2px}.w-full{width:100%}.workspace-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:1.75rem;align-items:start}.player-card,.settings-card{display:flex;flex-direction:column;gap:1.35rem}.video-wrapper{background-color:#000;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.video-wrapper video{width:100%;max-height:380px;background-color:#000}.video-metadata-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;background-color:var(--bg-card-subtle);border-radius:var(--radius-md);padding:.75rem 1rem}.meta-item{display:flex;flex-direction:column}.meta-label{font-size:.76rem;color:var(--text-subtle);font-weight:500}.meta-value{font-size:.92rem;font-weight:700;color:var(--text-dark)}.fragment-controls{display:flex;flex-direction:column;gap:1.15rem}.controls-heading-wrap{display:flex;justify-content:space-between;align-items:center}.controls-heading{font-family:var(--font-brand);font-size:1.35rem;font-weight:800;color:var(--text-dark);letter-spacing:-.3px}.time-inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.input-with-button{display:flex;gap:.5rem}.input-with-button input{width:90px}.fragment-bar-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.65rem;background-color:var(--bg-card-subtle);border-radius:var(--radius-md);padding:.75rem 1rem}.fragment-duration-indicator{font-size:.9rem;color:var(--text-dark)}.tag-max{font-size:.8rem;color:var(--text-muted)}.presets-section{display:flex;flex-direction:column;gap:.65rem}.presets-header{display:flex;justify-content:space-between;align-items:center}.section-help{font-size:.84rem;color:var(--text-subtle)}.presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.preset-card{background-color:#fff;border:2px solid #E4E9DB;border-radius:var(--radius-md);padding:.75rem .5rem;text-align:center;cursor:pointer;transition:all .18s ease}.preset-card:hover{background-color:var(--color-orange-light);border-color:#ffc0ac;transform:translateY(-1px)}.preset-card.active{background-color:var(--color-orange-light);border-color:var(--color-orange-accent);box-shadow:0 0 0 1px var(--color-orange-accent)}.preset-name{font-family:var(--font-brand);font-weight:800;font-size:1.05rem;color:var(--text-dark);letter-spacing:-.2px}.preset-specs{font-family:var(--font-mono);font-size:.82rem;font-weight:700;color:var(--color-orange-accent);margin:.15rem 0}.preset-details{font-size:.74rem;color:var(--text-muted)}.dimensions-section{display:flex;flex-direction:column;gap:.85rem;border-top:1px solid var(--border-subtle);padding-top:1.15rem}.dimensions-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.checkbox-group{margin-top:-.25rem}.checkbox-label{display:inline-flex;align-items:center;gap:.55rem;font-size:.88rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-orange-accent);cursor:pointer}.framing-section{display:flex;flex-direction:column;gap:.5rem;margin-top:.35rem}.framing-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.radio-card{display:flex;align-items:flex-start;gap:.65rem;background-color:#fff;border:2px solid #E4E9DB;border-radius:var(--radius-md);padding:.75rem .85rem;cursor:pointer;transition:all .18s ease}.radio-card input[type=radio]{margin-top:.25rem;accent-color:var(--color-orange-accent);cursor:pointer}.radio-card.active{background-color:var(--color-orange-light);border-color:var(--color-orange-accent)}.radio-title{font-weight:700;font-size:.88rem;color:var(--text-dark)}.radio-desc{font-size:.76rem;color:var(--text-muted);line-height:1.35;margin-top:.15rem}.quality-section{display:flex;flex-direction:column;gap:.85rem;border-top:1px solid var(--border-subtle);padding-top:1.15rem}.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pill-group{display:flex;gap:.4rem}.pill-btn{flex:1;background-color:#fff;border:1.5px solid #DEE3D5;border-radius:var(--radius-pill);padding:.4rem .5rem;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .15s ease}.pill-btn:hover{background-color:var(--color-orange-light);border-color:#ffc0ac}.pill-btn.active{background-color:var(--color-orange-accent);color:#fff;border-color:var(--color-orange-accent);box-shadow:0 2px 6px #ff490840}.target-weight-box{background-color:var(--bg-card-subtle);border-radius:var(--radius-md);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.3rem}.text-subtle{font-size:.8rem;color:var(--text-subtle)}.convert-action-block{margin-top:.75rem}.progress-card{display:flex;flex-direction:column;gap:1.35rem}.progress-status-header{display:flex;align-items:center;gap:1rem}.spinner{width:40px;height:40px;border:4px solid var(--color-lilac-subtle);border-top-color:var(--color-lilac-primary);border-radius:50%;animation:spin .75s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.progress-title{font-family:var(--font-brand);font-size:1.4rem;font-weight:800;color:var(--text-dark)}.progress-desc{font-size:.9rem;color:var(--text-muted)}.progress-bar-container{height:12px;background-color:var(--bg-card-subtle);border-radius:var(--radius-pill);overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--color-lilac-primary);transition:width .25s ease}.progress-footer{display:flex;justify-content:space-between;align-items:center;font-size:.88rem}.result-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:1.75rem;align-items:start}.result-preview-card{display:flex;flex-direction:column;gap:1rem}.gif-preview-container{background-color:#000;border-radius:var(--radius-md);padding:.5rem;display:flex;align-items:center;justify-content:center;min-height:260px;box-shadow:var(--shadow-sm)}.gif-preview-container img{max-width:100%;max-height:380px;object-fit:contain}.gif-loop-notice{font-size:.8rem;color:var(--text-subtle);text-align:center}.result-details-card{display:flex;flex-direction:column;gap:1.35rem}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.metric-box{background-color:var(--bg-card-subtle);border-radius:var(--radius-md);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.2rem;position:relative}.metric-title{font-size:.76rem;color:var(--text-subtle);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.metric-value{font-family:var(--font-brand);font-size:1.35rem;font-weight:800;color:var(--text-dark)}.weight-optimization-box{background-color:var(--color-warning-bg);border:1.5px solid var(--color-warning);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.opt-header{display:flex;gap:.65rem;font-size:.88rem;color:var(--text-dark)}.opt-icon{font-size:1.25rem;line-height:1}.opt-logs{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dark);background-color:#ffffffb3;border:1px dashed var(--color-warning);padding:.5rem;border-radius:4px;white-space:pre-wrap}.main-actions-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:.65rem}.additional-outputs-section{border-top:1px solid var(--border-subtle);padding-top:1.25rem;display:flex;flex-direction:column;gap:1rem}.subheading{font-family:var(--font-brand);font-size:1.15rem;font-weight:800;color:var(--text-dark)}.outputs-grid{display:grid;grid-template-columns:1fr;gap:.85rem}.output-item{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-card-subtle);border-radius:var(--radius-md);padding:.85rem 1rem;gap:1rem}.output-item-info{flex:1}.output-item-info strong{font-size:.9rem;color:var(--text-dark)}.output-item-info p{font-size:.8rem;color:var(--text-muted);margin-top:.15rem}.text-notice{font-size:.76rem;color:var(--color-warning);font-weight:600;margin-top:.25rem}.formats-clarification-box{background-color:var(--bg-card-subtle);border-radius:var(--radius-md);padding:.9rem 1rem;font-size:.8rem;color:var(--text-muted);line-height:1.45}.tiktok-note{margin-top:.45rem;font-style:italic;color:var(--text-dark)}.badge{display:inline-flex;align-items:center;padding:.3rem .75rem;font-size:.8rem;font-weight:700;border-radius:var(--radius-pill);line-height:1.2}.badge-subtle{background-color:var(--bg-card-subtle);color:var(--text-muted)}.badge-success{background-color:var(--color-success-bg);color:var(--color-success)}.alert-box{display:flex;align-items:flex-start;gap:.75rem;border-radius:var(--radius-md);padding:.85rem 1rem;margin-top:1rem}.alert-error{background-color:var(--color-error-bg);border:1.5px solid var(--color-error);color:var(--color-error)}.alert-icon{font-size:1.15rem;line-height:1.2}.alert-content{font-size:.88rem;font-weight:600}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.65rem;pointer-events:none}.toast{pointer-events:auto;background-color:#fff;color:var(--text-dark);border-radius:var(--radius-md);box-shadow:0 10px 25px -5px #2521281f,0 8px 10px -6px #25212814;padding:.85rem 1.25rem;font-size:.9rem;font-weight:600;max-width:380px;animation:slideInToast .25s ease-out;transition:opacity .3s ease,transform .3s ease;border:1px solid var(--border-subtle)}.toast.fade-out{opacity:0;transform:translate(20px)}.toast-info{border-left:5px solid var(--color-lilac-primary)}.toast-success{border-left:5px solid var(--color-success)}.toast-warning{border-left:5px solid var(--color-warning)}.toast-error{border-left:5px solid var(--color-error)}@keyframes slideInToast{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.app-footer{margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid #E6EADF;font-size:.85rem;color:var(--text-subtle)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-brand-info{display:flex;flex-direction:column;gap:.25rem}.footer-contact-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.84rem}.footer-email-link{color:var(--color-orange-accent);font-weight:700;text-decoration:none;transition:color .2s ease}.footer-email-link:hover{text-decoration:underline}.btn-footer-copy-email{background-color:#fff;border:1px solid rgba(37,33,40,.15);border-radius:var(--radius-pill);padding:.2rem .6rem;font-size:.74rem;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all .2s ease}.btn-footer-copy-email:hover{background-color:var(--color-lilac-light);color:var(--color-lilac-primary);border-color:var(--color-lilac-primary)}.btn-footer-copy-email.copied{background-color:#2e7d32;color:#fff;border-color:#2e7d32}.contact-section{width:100%;margin-top:2.5rem;margin-bottom:2rem}.contact-card{display:flex;align-items:center;gap:1.5rem;background-color:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:0 4px 20px #2521280a;padding:1.75rem 2rem}.contact-card-icon{font-size:2.2rem;line-height:1;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:var(--radius-lg);background-color:var(--color-lilac-light);flex-shrink:0}.contact-card-content{flex:1}.contact-title{font-family:var(--font-brand);font-size:1.35rem;color:var(--text-dark);line-height:1.25;margin:0 0 .35rem}.contact-desc{font-size:.9rem;color:var(--text-muted);margin:0 0 1rem;line-height:1.4}.contact-desc a{color:var(--color-orange-accent);font-weight:600;text-decoration:underline;transition:color .2s ease}.contact-desc a:hover{color:var(--color-orange-hover)}.contact-action-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.btn-contact-email{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.95rem;font-weight:700;text-decoration:none}.btn-copy-email{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-copy-email.copied{background-color:#2e7d32;color:#fff;border-color:#2e7d32}.hidden{display:none!important}@media (max-width: 860px){.app-hero-header{padding:1.5rem 1rem 1.75rem}.logo-title{font-size:2.1rem}.hero-title{font-size:2.3rem}.hero-subtitle{font-size:1.05rem}.app-layout{padding:1.5rem 1rem}.stepper-nav{padding:.65rem 1rem}.step-label{display:none}.workspace-layout,.result-layout{grid-template-columns:1fr;gap:1.5rem}.time-inputs-grid,.dimensions-grid,.quality-grid,.presets-grid,.framing-options,.main-actions-grid{grid-template-columns:1fr}.output-item{flex-direction:column;align-items:flex-start}.output-item .btn{width:100%}.url-input-group{flex-direction:column}.url-input-group .btn{width:100%}.sticker-cluster-left{left:.75rem}.sticker-cluster-right{right:.75rem}.sticker-spaceship,.sticker-meteorite,.sticker-bat{display:none}.space-sticker{width:36px}.photo-editor-layout{grid-template-columns:1fr}.universe-header{flex-direction:column;align-items:flex-start}.universe-card{flex:0 0 280px}.contact-card{flex-direction:column;align-items:flex-start;padding:1.5rem 1.25rem;gap:1rem}.contact-card-icon{width:48px;height:48px;font-size:1.8rem}.contact-action-row{width:100%}.btn-contact-email,.btn-copy-email{width:100%;justify-content:center}.footer-content{flex-direction:column;align-items:flex-start}}.tool-navigation-bar{display:flex;justify-content:center;margin-bottom:1.5rem;width:100%}.tool-nav-container{display:inline-flex;background-color:var(--bg-card);padding:.35rem;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);border:1px solid rgba(37,33,40,.08);gap:.35rem;max-width:100%;overflow-x:auto}.tool-tab-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.15rem;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-muted);font-family:var(--font-brand);font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tool-tab-btn:hover{color:var(--text-dark);background-color:var(--color-lilac-light)}.tool-tab-btn.active{background-color:var(--color-lilac-primary);color:#fff;box-shadow:0 4px 12px #a178f559}.tool-tab-btn.active:hover{background-color:var(--color-lilac-hover);color:#fff}.tab-badge-new{font-family:var(--font-body);font-size:.68rem;font-weight:700;background-color:var(--color-yellow-accent);color:var(--text-dark);padding:.15rem .45rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.04em}.app-hero-header{position:relative;overflow:hidden}.hero-stickers-stage{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.sticker-cluster{position:absolute;top:15px;display:flex;flex-direction:column;gap:12px;pointer-events:none}.sticker-cluster-left{left:2rem;align-items:flex-start}.sticker-cluster-right{right:2rem;align-items:flex-end}.space-sticker{width:clamp(48px,5.5vw,76px);height:auto;display:block;transform-origin:center center}@keyframes gentleBob1{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gentleBob2{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.anim-bob-1{animation:gentleBob1 4.5s ease-in-out infinite}.anim-bob-2{animation:gentleBob2 5.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.anim-bob-1,.anim-bob-2{animation:none!important}}.photo-editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.photo-canvas-col{display:flex;flex-direction:column;align-items:center;gap:1rem}.canvas-header{display:flex;justify-content:space-between;align-items:center;width:100%}.canvas-badge{font-size:.76rem;font-weight:700;color:var(--color-orange-accent);background-color:#ff49081a;padding:.2rem .6rem;border-radius:var(--radius-pill)}.canvas-hint{font-size:.78rem;color:var(--text-subtle)}.canvas-stage-wrapper{width:100%;max-width:440px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:var(--radius-lg);padding:.75rem;box-shadow:var(--shadow-sm);border:1px solid rgba(37,33,40,.08)}.transparency-checkerboard{width:100%;height:100%;border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#fff;background-image:linear-gradient(45deg,#ECE8F2 25%,transparent 25%),linear-gradient(-45deg,#ECE8F2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ECE8F2 75%),linear-gradient(-45deg,transparent 75%,#ECE8F2 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}#photoStickerCanvas{max-width:100%;max-height:100%;cursor:grab;touch-action:none;display:block}.canvas-zoom-toolbar{display:flex;align-items:center;gap:.75rem;width:100%;max-width:440px;background-color:var(--bg-card-subtle);padding:.6rem 1rem;border-radius:var(--radius-pill)}.zoom-label{font-size:.85rem;font-weight:600;color:var(--text-dark)}.photo-controls-col{display:flex;flex-direction:column;gap:1.25rem}.photo-export-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.dimension-preset-row{display:flex;flex-wrap:wrap;gap:.5rem}.banner-universo-section{width:100%;margin-top:3.5rem;margin-bottom:2.5rem}.universe-banner-wrapper{background-color:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:0 4px 20px #2521280a;padding:1.75rem 2rem}.universe-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.25rem;gap:1.25rem}.universe-title{font-family:var(--font-brand);font-size:1.45rem;color:var(--text-dark);line-height:1.2;margin:0}.universe-subtitle{font-size:.9rem;color:var(--text-muted);margin-top:.25rem}.universe-controls{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.btn-universe-ctrl{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(37,33,40,.12);background-color:#fff;color:var(--text-dark);cursor:pointer;transition:all .2s ease}.btn-universe-ctrl:hover{background-color:var(--color-lilac-primary);color:#fff;border-color:var(--color-lilac-primary);transform:translateY(-1px)}.btn-universe-ctrl.is-paused{background-color:var(--color-lilac-light);color:var(--color-lilac-primary)}.universe-carousel-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:.75rem;-webkit-overflow-scrolling:touch}.universe-carousel-track:focus{outline:2px solid var(--color-lilac-primary);outline-offset:4px}.universe-card{flex:0 0 310px;scroll-snap-align:start;background-color:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(37,33,40,.08);box-shadow:0 2px 8px #25212808;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.universe-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.universe-card-media-link{position:relative;display:block;width:100%;height:160px;background-color:#f0eef8;overflow:hidden}.universe-card-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.universe-card:hover .universe-card-img{transform:scale(1.03)}.universe-card-body{padding:1.15rem;display:flex;flex-direction:column;flex:1}.universe-card-title{font-family:var(--font-brand);font-size:1.15rem;line-height:1.3;margin-bottom:.35rem}.universe-card-title-link{color:var(--text-dark);text-decoration:none;transition:color .2s ease}.universe-card-title-link:hover{color:var(--color-orange-accent)}.universe-card-source{font-size:.8rem;color:var(--text-muted);font-weight:500;margin-bottom:.75rem}.universe-card-footer{display:flex;justify-content:flex-end;align-items:center;border-top:1px solid rgba(37,33,40,.06);padding-top:.75rem;margin-top:auto}.universe-card-arrow-link{font-weight:700;font-size:.88rem;color:var(--color-orange-accent);text-decoration:none;transition:transform .2s ease}.universe-card-arrow-link:hover{transform:translate(3px)}