:root{--tp-brand:#f97316;--tp-brand-light:#fb923c;--tp-brand-lighter:#fdba74;--tp-brand-dark:#ea580c;--tp-text-primary:#fafafa;--tp-text-secondary:#a1a1a1;--tp-text-tertiary:#737373;--tp-surface:#0a0a0a;--tp-surface-elevated:#141414;--tp-background:#000;--tp-success:#22c55e;--tp-warning:#f59e0b;--tp-error:#ef4444;--tp-border:#262626;--tp-border-light:#1a1a1a;--tp-divider:#262626;--tp-shadow-xs:0 1px 2px 0 #0000004d;--tp-shadow-sm:0 2px 8px 0 #0006;--tp-shadow-md:0 4px 16px 0 #00000080;--tp-shadow-lg:0 8px 24px 0 #0009;--tp-shadow-xl:0 16px 40px 0 #000000b3;--tp-shadow-brand:0 4px 16px 0 #f973164d;--tp-shadow-brand-hover:0 8px 24px 0 #f9731680;--tp-spacing-1:.25rem;--tp-spacing-2:.5rem;--tp-spacing-3:.75rem;--tp-spacing-4:1rem;--tp-spacing-5:1.25rem;--tp-spacing-6:1.5rem;--tp-spacing-8:2rem;--tp-spacing-10:2.5rem;--tp-spacing-12:3rem;--tp-transition-fast:.15s;--tp-transition-base:.25s;--tp-transition-slow:.35s;--tp-ease-out:cubic-bezier(.33,1,.68,1);--tp-ease-in:cubic-bezier(.32,0,.67,0);--tp-ease-in-out:cubic-bezier(.65,0,.35,1);--tp-ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--tp-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter","Roboto","Helvetica Neue",Arial,sans-serif;--tp-font-display:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--tp-font-weight-normal:400;--tp-font-weight-medium:500;--tp-font-weight-semibold:600;--tp-font-weight-bold:700;--tp-font-weight-extrabold:800;--tp-line-height-none:1;--tp-line-height-tight:1.15;--tp-line-height-snug:1.375;--tp-line-height-normal:1.5;--tp-line-height-relaxed:1.625;--tp-line-height-loose:1.75;--tp-letter-spacing-tighter:-.05em;--tp-letter-spacing-tight:-.025em;--tp-letter-spacing-normal:0;--tp-letter-spacing-wide:.025em;--tp-letter-spacing-wider:.05em;--tp-text-xs:.75rem;--tp-text-sm:.875rem;--tp-text-base:1rem;--tp-text-lg:1.125rem;--tp-text-xl:1.25rem;--tp-text-2xl:1.5rem;--tp-text-3xl:1.875rem;--tp-text-4xl:2.25rem;--tp-text-5xl:3rem;--tp-text-6xl:3.75rem;--tp-text-7xl:4.5rem}@keyframes tp-float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tp-animate-float-gentle{animation:3s ease-in-out infinite tp-float-gentle}@keyframes tp-pulse-glow{0%,to{box-shadow:0 0 20px #fb923c4d}50%{box-shadow:0 0 30px #fb923c99}}.tp-animate-pulse-glow{animation:2s ease-in-out infinite tp-pulse-glow}@keyframes tp-shimmer{0%{background-position:-200%}to{background-position:200%}}.tp-animate-shimmer{background-size:200% 100%;animation:2s linear infinite tp-shimmer}@keyframes tp-particle-float{0%{opacity:0;transform:translate(0)scale(1)}20%{opacity:1}80%{opacity:.5}to{transform:translate(var(--particle-x,20px),var(--particle-y,-40px))scale(0);opacity:0}}.tp-animate-particle-float{animation:3s ease-out infinite tp-particle-float}@keyframes tp-bounce-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tp-animate-bounce-gentle{animation:.6s ease-in-out tp-bounce-gentle}.tp-container-centered{width:100%;max-width:800px;margin-left:auto;margin-right:auto;padding:2rem 1rem}@media (min-width:768px){.tp-container-centered{padding:3rem 1.5rem}}.tp-content-wrapper{flex-direction:column;gap:1.5rem;display:flex}@media (min-width:768px){.tp-content-wrapper{gap:2rem}}.tp-gradient-bg{background:radial-gradient(80% 50% at 50% -20%,#f9731626,#0000)}.tp-glass{-webkit-backdrop-filter:blur(20px);background:#0a0a0acc;border:1px solid #26262680}.tp-glass-premium{-webkit-backdrop-filter:blur(24px);background:#0a0a0ae6;border:1px solid #262626cc}.tp-transition-smooth{transition:all var(--tp-transition-base)var(--tp-ease-out)}.tp-card{background:var(--tp-surface-elevated);border:1px solid var(--tp-border);box-shadow:var(--tp-shadow-sm);transition:all var(--tp-transition-base)var(--tp-ease-out);border-radius:1rem;padding:1.5rem}@media (min-width:768px){.tp-card{border-radius:1.5rem;padding:2rem}}.tp-card-hover:hover{border-color:var(--tp-text-secondary);box-shadow:var(--tp-shadow-md);transform:translateY(-2px)}.tp-card-selected{border-color:var(--tp-brand);box-shadow:var(--tp-shadow-brand);background:linear-gradient(to bottom right,#f9731633,#fb923c26)}.tp-pet-type-pill{font-family:var(--tp-font-sans);font-size:.75rem;font-weight:var(--tp-font-weight-medium);letter-spacing:var(--tp-letter-spacing-normal);transition:all var(--tp-transition-base);background:var(--tp-surface-elevated);color:var(--tp-text-secondary);cursor:pointer;border:1px solid #0000;border-radius:9999px;padding:.375rem .75rem;line-height:1rem}.tp-pet-type-pill:hover{color:var(--tp-text-primary);background:#141414cc}.tp-pet-type-pill-selected{background:var(--tp-brand);color:#fff;box-shadow:0 4px 6px -1px #f9731633}.tp-scene-card{border:2px solid var(--tp-border);transition:all var(--tp-transition-base);cursor:pointer;background:var(--tp-surface);border-radius:1rem;padding:1.5rem;position:relative}.tp-scene-card:hover{border-color:var(--tp-text-secondary);box-shadow:var(--tp-shadow-md);transform:translateY(-2px)}.tp-scene-card-selected{border-color:var(--tp-brand);box-shadow:var(--tp-shadow-brand);background:linear-gradient(to bottom right,#f9731626,#fb923c1a)}.tp-style-toggle-card{border:2px solid var(--tp-border);transition:all var(--tp-transition-base);cursor:pointer;background:var(--tp-surface);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:1rem;display:flex;position:relative}.tp-style-toggle-card:hover{border-color:var(--tp-text-secondary)}.tp-style-toggle-card-selected{border-color:var(--tp-brand);background:#f973160d}.tp-style-toggle-icon{width:2rem;height:2rem;transition:transform var(--tp-transition-base);margin-bottom:.5rem}.tp-style-toggle-card:hover .tp-style-toggle-icon{transform:scale(1.1)}.tp-upload-zone{min-height:300px;transition:all var(--tp-transition-base);background:0 0;border:2px dashed #ffffff4d;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex;position:relative}.tp-upload-zone:hover{background:#ffffff0d;border-color:#ffffff80}.tp-upload-zone-active{border-color:var(--tp-brand);background:#f973161a;border-style:solid}.tp-generate-button{width:100%;height:3.5rem;font-family:var(--tp-font-sans);font-weight:var(--tp-font-weight-semibold);letter-spacing:var(--tp-letter-spacing-normal);background:linear-gradient(to right,var(--tp-brand),#fbbf24);color:#fff;cursor:pointer;transition:all var(--tp-transition-slow);border:none;border-radius:.75rem;font-size:1rem;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #f973164d}.tp-generate-button:hover:not(:disabled){background:linear-gradient(to right,var(--tp-brand-dark),#f59e0b);transform:translateY(-2px);box-shadow:0 20px 25px -5px #f9731680}.tp-generate-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.tp-generate-button{height:3rem;font-size:.875rem}}.tp-processing-island{background:var(--tp-surface-elevated);border:1px solid var(--tp-border);box-shadow:var(--tp-shadow-lg);border-radius:1.5rem;padding:2rem;position:relative}.tp-video-result{background:var(--tp-surface);border:1px solid var(--tp-border);box-shadow:var(--tp-shadow-lg);border-radius:1.5rem;position:relative;overflow:hidden}.tp-root{font-family:var(--tp-font-sans);font-weight:var(--tp-font-weight-normal);line-height:var(--tp-line-height-normal);letter-spacing:var(--tp-letter-spacing-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tp-heading{font-family:var(--tp-font-display);font-size:var(--tp-text-xl);font-weight:var(--tp-font-weight-semibold);letter-spacing:var(--tp-letter-spacing-tight);line-height:var(--tp-line-height-tight);color:var(--tp-text-primary);margin-bottom:.5rem}@media (min-width:768px){.tp-heading{font-size:var(--tp-text-2xl)}}.tp-heading-hero{font-family:var(--tp-font-display);font-weight:var(--tp-font-weight-bold);letter-spacing:var(--tp-letter-spacing-tight);line-height:var(--tp-line-height-tight);color:var(--tp-text-primary)}.tp-subheading{font-family:var(--tp-font-sans);font-size:var(--tp-text-base);font-weight:var(--tp-font-weight-normal);color:var(--tp-text-secondary);line-height:var(--tp-line-height-relaxed);letter-spacing:var(--tp-letter-spacing-normal)}@media (min-width:768px){.tp-subheading{font-size:var(--tp-text-lg)}}.tp-text-xs{font-size:var(--tp-text-xs);line-height:var(--tp-line-height-normal)}.tp-text-sm{font-size:var(--tp-text-sm);line-height:var(--tp-line-height-normal)}.tp-text-base{font-size:var(--tp-text-base);line-height:var(--tp-line-height-normal)}.tp-text-lg{font-size:var(--tp-text-lg);line-height:var(--tp-line-height-relaxed)}.tp-text-xl{font-size:var(--tp-text-xl);line-height:var(--tp-line-height-relaxed)}.tp-text-primary{color:var(--tp-text-primary)}.tp-text-secondary{color:var(--tp-text-secondary)}.tp-text-tertiary{color:var(--tp-text-tertiary)}.tp-font-normal{font-weight:var(--tp-font-weight-normal)}.tp-font-medium{font-weight:var(--tp-font-weight-medium)}.tp-font-semibold{font-weight:var(--tp-font-weight-semibold)}.tp-font-bold{font-weight:var(--tp-font-weight-bold)}.tp-leading-tight{line-height:var(--tp-line-height-tight)}.tp-leading-normal{line-height:var(--tp-line-height-normal)}.tp-leading-relaxed{line-height:var(--tp-line-height-relaxed)}.tp-tracking-tight{letter-spacing:var(--tp-letter-spacing-tight)}.tp-tracking-normal{letter-spacing:var(--tp-letter-spacing-normal)}.tp-tracking-wide{letter-spacing:var(--tp-letter-spacing-wide)}.tp-button-primary{font-family:var(--tp-font-sans);font-weight:var(--tp-font-weight-semibold);letter-spacing:var(--tp-letter-spacing-normal);color:#fff;cursor:pointer;transition:all var(--tp-transition-slow);box-shadow:var(--tp-shadow-brand);background:linear-gradient(90deg,#fb923c,#fbbf24);border:none;border-radius:.75rem;padding:.75rem 1.5rem}.tp-button-primary:hover:not(:disabled){box-shadow:var(--tp-shadow-brand-hover);background:linear-gradient(90deg,#f97316,#f59e0b);transform:scale(1.02)}.tp-button-primary:disabled{opacity:.6;filter:grayscale();cursor:not-allowed}.tp-button-secondary{font-family:var(--tp-font-sans);font-weight:var(--tp-font-weight-medium);letter-spacing:var(--tp-letter-spacing-normal);background:var(--tp-surface-elevated);border:1px solid var(--tp-border);color:var(--tp-text-primary);cursor:pointer;transition:all var(--tp-transition-base);box-shadow:var(--tp-shadow-xs);border-radius:.75rem;padding:.75rem 1.5rem}.tp-button-secondary:hover{border-color:var(--tp-text-secondary);box-shadow:var(--tp-shadow-sm);transform:translateY(-1px)}@media (max-width:374px){.tp-style-toggle-card{min-height:90px;padding:.75rem}.tp-style-toggle-icon{width:1.5rem;height:1.5rem}}.tp-flex{display:flex}.tp-flex-col{flex-direction:column}.tp-items-center{align-items:center}.tp-justify-center{justify-content:center}.tp-gap-2{gap:.5rem}.tp-gap-3{gap:.75rem}.tp-gap-4{gap:1rem}.tp-gap-6{gap:1.5rem}.tp-w-full{width:100%}.tp-h-full{height:100%}.tp-relative{position:relative}.tp-absolute{position:absolute}.tp-inset-0{inset:0}.tp-z-10{z-index:10}.tp-rounded-xl{border-radius:.75rem}.tp-rounded-2xl{border-radius:1rem}.tp-rounded-3xl{border-radius:1.5rem}.tp-rounded-full{border-radius:9999px}.tp-overflow-hidden{overflow:hidden}.tp-cursor-pointer{cursor:pointer}.tp-select-none{-webkit-user-select:none;user-select:none}.tp-pointer-events-none{pointer-events:none}