@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.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-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,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:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}:root{--color-bg-primary:#000000;--color-bg-secondary:rgba(255,255,255,0.03);--color-bg-tertiary:rgba(255,255,255,0.05);--color-bg-hover:rgba(255,255,255,0.08);--color-bg-active:rgba(255,255,255,0.12);--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-inverse:#000000;--color-border:rgba(255,255,255,0.1);--color-border-hover:rgba(255,255,255,0.2);--color-border-focus:rgba(79,70,229,0.5);--color-accent:#6366f1;--color-accent-hover:#818cf8;--color-accent-light:rgba(99,102,241,0.15);--color-accent-subtle:#db2777;--color-accent-ring:rgba(99,102,241,0.25);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.5);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.5),0 2px 4px -2px rgba(0,0,0,0.5);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.7),0 4px 6px -4px rgba(0,0,0,0.7);--shadow-lx:0 20px 25px -5px rgba(0,0,0,0.7),0 8px 10px -6px rgba(0,0,0,0.7);--shadow-focus:0 0 0 4px var(--color-accent-ring);--shadow-glow:0 0 20px rgba(99,102,241,0.3);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","Fira Code",Consolas,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:300ms cubic-bezier(0.34,1.56,0.64,1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400;--content-max-width:1200px;--stepper-width:280px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);background-color:var(--color-bg-primary);background:radial-gradient(circle at 50% 10%,#1e1b4b 0,#000000 60%);background-attachment:fixed;min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.03em}h1{font-size:var(--text-4xl);background:linear-gradient(135deg,#ffffff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--color-text-secondary)}.app-container{display:flex;min-height:100vh}.stepper-sidebar{position:-webkit-sticky;position:sticky;top:0;left:0;width:var(--stepper-width);height:100vh;padding:var(--space-8) var(--space-6);background:rgba(0,0,0,.3);border-right:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:var(--z-sticky);display:flex;flex-direction:column}.sidebar-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);background:linear-gradient(135deg,#ffffff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.main-content{flex:1 1;padding:var(--space-8);max-width:calc(var(--content-max-width) + var(--space-16));margin:0 auto}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-section{margin-bottom:var(--space-12);padding:var(--space-8);background:var(--color-bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUpFade .6s cubic-bezier(.16,1,.3,1) backwards}.step-section__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.step-section__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);text-shadow:0 0 20px rgba(99,102,241,.3)}.step-section__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-top:var(--space-2);line-height:var(--leading-relaxed)}.step-section__action{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.card{background:rgba(15,23,42,.6);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card:hover{box-shadow:var(--shadow-glow);transform:translateY(-4px);background:rgba(30,41,59,.8)}.card--selected,.card:hover{border-color:var(--color-accent)}.card--selected{background:rgba(30,27,75,.8);box-shadow:0 0 0 1px var(--color-accent),var(--shadow-glow)}.card--selected:after{content:"";position:absolute;inset:0;border:2px solid var(--color-accent);border-radius:inherit;pointer-events:none}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-base);text-decoration:none;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.8)}.btn--primary{background:var(--color-accent);color:#ffffff;box-shadow:0 0 15px rgba(99,102,241,.4)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:0 0 25px rgba(99,102,241,.6);transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-active);border-color:var(--color-border-hover);color:#ffffff}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn--lg{padding:var(--space-4) var(--space-8)}.btn--lg,.input{font-size:var(--text-base)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);background:rgba(0,0,0,.3);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);color:var(--color-text-primary);resize:vertical}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-ring),var(--shadow-glow);background:rgba(0,0,0,.5)}.input::placeholder{color:var(--color-text-tertiary)}.label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.grid--2cols{grid-template-columns:repeat(2,1fr)}.grid--3cols{grid-template-columns:repeat(3,1fr)}.grid--4cols{grid-template-columns:repeat(4,1fr)}.grid--5cols{grid-template-columns:repeat(5,1fr)}@media (max-width:1024px){.grid--5cols{grid-template-columns:repeat(3,1fr)}.grid--4cols{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid--3cols,.grid--5cols{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid--2cols,.grid--3cols,.grid--4cols,.grid--5cols{grid-template-columns:1fr}}.template-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-1) 0}.template-card{display:flex;flex-direction:column;justify-content:center;padding:var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:left;position:relative;height:100%}.template-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow);transform:translateY(-3px);background:var(--color-bg-hover)}.template-card--selected{border-color:var(--color-accent);background:var(--color-accent-light);box-shadow:0 0 0 1px var(--color-accent)}.template-card--selected:after{content:"";position:absolute;top:10px;right:10px;width:8px;height:8px;background:var(--color-accent);border-radius:50%;box-shadow:0 0 10px var(--color-accent)}.template-card__name{font-size:var(--text-sm);font-weight:var(--font-bold);margin-bottom:var(--space-2);color:var(--color-text-primary)}.template-card__description{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.topic-input__row{display:flex;gap:var(--space-3);align-items:stretch}.topic-input__field{flex:1 1;font-size:var(--text-lg);padding:var(--space-4)}.topic-input__random{white-space:nowrap;flex-shrink:0}.topic-input__random--shake{animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px) rotate(-2deg)}40%{transform:translateX(4px) rotate(2deg)}60%{transform:translateX(-4px) rotate(-1deg)}80%{transform:translateX(4px) rotate(1deg)}}.reference-upload{gap:var(--space-3)}.reference-upload,.upload-zone{display:flex;flex-direction:column}.upload-zone{align-items:center;justify-content:center;background:rgba(255,255,255,.02);transition:all var(--transition-base)}.upload-zone--active,.upload-zone:hover{border-color:var(--color-accent);background:rgba(99,102,241,.05)}.upload-zone__icon{margin-bottom:var(--space-2)}.upload-zone:hover .upload-zone__icon{color:var(--color-accent)}.upload-zone__text{font-weight:var(--font-medium)}.upload-zone__hint{margin-top:var(--space-1)}.reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:var(--space-3);margin-top:var(--space-2)}.reference-item{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);group:hover}.reference-item:hover{border-color:var(--color-accent)}.reference-item__image{width:100%;height:100%}.reference-item__remove{top:4px;right:4px;background:rgba(0,0,0,.7);border-radius:50%;font-size:14px;opacity:0;transition:opacity .2s}.reference-item:hover .reference-item__remove{opacity:1}.reference-item__label{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);color:white;font-size:10px;padding:2px 4px}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:1em;width:100%}.skeleton--title{height:1.5em;width:60%}.skeleton--image{aspect-ratio:9/16;width:100%}.skeleton--card{min-height:200px}.loading-message{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.1));border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);animation:loadingMessageFadeIn .4s ease-out}.loading-message__emoji{font-size:var(--text-2xl);animation:emojiPulse 1.5s ease-in-out infinite}.loading-message__text{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);background:linear-gradient(90deg,#a5b4fc,#c4b5fd,#a5b4fc);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 2s linear infinite}@keyframes loadingMessageFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes emojiPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes textShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stepper{display:flex;flex-direction:column;gap:var(--space-1)}.stepper__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:all var(--transition-base);cursor:pointer;background:transparent;width:100%;text-align:left;border:none;border-left:2px solid transparent}.stepper__item:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.stepper__item--active{background:var(--color-accent-light);color:var(--color-accent);border-left-color:var(--color-accent);cursor:default}.stepper__item--disabled,.stepper__item:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.stepper__item--disabled:hover{background:transparent;color:var(--color-text-tertiary)}.stepper__item--complete{color:var(--color-text-secondary)}.stepper__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:rgba(255,255,255,.05);border:1px solid var(--color-border);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-tertiary);transition:all var(--transition-bounce)}.stepper__item:hover .stepper__icon{border-color:var(--color-text-tertiary)}.stepper__item--active .stepper__icon{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse);box-shadow:0 0 0 4px var(--color-accent-light)}.stepper__item--complete .stepper__icon{background:var(--color-success);border-color:var(--color-success);color:var(--color-text-inverse)}.idea-card{display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.idea-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow);transform:translateY(-4px);background:rgba(30,41,59,.8)}.idea-card--selected{border-color:var(--color-accent);background:rgba(30,27,75,.8);box-shadow:0 0 0 1px var(--color-accent),var(--shadow-glow)}.idea-card__thumbnail{position:relative;aspect-ratio:9/16;background:var(--color-bg-tertiary);overflow:hidden}.idea-card__thumbnail img{width:100%;height:100%;object-fit:cover}.idea-card__content{padding:var(--space-4);flex:1 1;display:flex;flex-direction:column}.idea-card__title{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.idea-card__summary{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);flex:1 1}.idea-card__lane{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em}.shot-card{display:grid;grid-template-columns:auto 1fr auto;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:start;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all var(--transition-base)}.shot-card:hover{border-color:var(--color-border-hover);background:rgba(30,41,59,.6)}.shot-card__number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary)}.shot-card__content{min-width:0}.shot-card__duration{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-accent);background:var(--color-accent-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.shot-card__visual{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--space-2)}.shot-card__voice{font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic}.shot-card__frames{display:flex;gap:var(--space-3);margin-top:var(--space-3);align-items:flex-start}.shot-card__frame{width:80px;aspect-ratio:9/16;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.shot-card__frame img{width:100%;height:100%;object-fit:cover}.shot-card__video{width:120px;aspect-ratio:9/16;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.shot-card__video video{width:100%;height:100%;object-fit:cover}.shot-card__video--loading{position:relative;display:flex;align-items:center;justify-content:center}.shot-card__video--loading .skeleton{position:absolute;inset:0}.shot-card__video-icon{position:relative;z-index:1;font-size:24px;opacity:.6;color:var(--color-text-secondary)}.shot-card__video--error,.shot-card__video--waiting{display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary)}.shot-card__video--waiting{border:1px dashed var(--color-border)}.shot-card__video-icon--waiting{opacity:.3}.storyboard-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.storyboard-card{position:relative;overflow:hidden;transition:all var(--transition-fast)}.storyboard-card:hover{box-shadow:var(--shadow-md)}.storyboard-card__header{padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.storyboard-card__number{width:28px;height:28px;background:var(--color-accent);color:var(--color-text-inverse)}.storyboard-card__media{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-2);padding:var(--space-3)}.storyboard-card__video-loading,.storyboard-card__video-waiting{position:relative}.storyboard-card__video-loading .skeleton{position:absolute;inset:0}.storyboard-card__play-icon{position:relative;z-index:1;font-size:24px;opacity:.6;color:var(--color-text-secondary)}.storyboard-card__error{color:var(--color-error)}.storyboard-card__text{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}.storyboard-card__description{line-height:var(--leading-relaxed);margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.storyboard-card__regenerate{position:absolute;top:var(--space-2);right:var(--space-2);z-index:10}.progress{height:4px;background:var(--color-bg-tertiary)}.progress__bar{background:var(--color-accent);transition:width var(--transition-base)}.progress-text{margin-top:var(--space-2)}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;transition:all var(--transition-fast);cursor:pointer}.upload-zone--active,.upload-zone:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.upload-zone__icon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--color-text-tertiary)}.upload-zone__text{font-size:var(--text-sm);color:var(--color-text-secondary)}.upload-zone__hint{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-2)}.reference-grid{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.reference-item{position:relative;width:80px}.reference-item__image{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md);border:2px solid var(--color-border)}.reference-item__label{font-size:var(--text-xs);color:var(--color-text-secondary);text-align:center;margin-top:var(--space-1)}.reference-item__remove{position:absolute;top:-8px;right:-8px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-error);color:white;border:none;border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-xs)}.video-player{position:relative;aspect-ratio:9/16;max-width:400px;margin:0 auto;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);overflow:hidden}.video-player video{width:100%;height:100%;object-fit:contain}.video-player__controls{position:absolute;bottom:0;left:0;right:0;padding:var(--space-4);background:linear-gradient(transparent,rgba(0,0,0,.7));display:flex;gap:var(--space-3)}.video-player__actions{flex-wrap:wrap}.timeline-meta{gap:var(--space-3)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-muted{color:var(--color-text-tertiary)}.w-full{width:100%}.hidden{display:none}@media (max-width:900px){.app-container{flex-direction:column}.stepper-sidebar{position:-webkit-sticky;position:sticky;top:0;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);z-index:var(--z-sticky)}.sidebar-title{display:none}.stepper{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--space-2);padding-bottom:var(--space-2);scroll-snap-type:x proximity;padding-left:var(--space-2);padding-right:var(--space-2)}.stepper__item{flex-shrink:0;white-space:nowrap;padding:var(--space-2) var(--space-3);min-height:44px;scroll-snap-align:start}.main-content{padding:var(--space-4)}.step-section{padding:var(--space-5);margin-bottom:var(--space-6)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}@media (max-width:600px){.main-content{padding:var(--space-3);overflow-x:hidden}.step-section{padding:var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-lg);overflow:hidden}.step-section__header{flex-direction:column;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-4)}.step-section__title{font-size:var(--text-lg)}.step-section__action{width:100%}.step-section__action .btn{width:100%;justify-content:center}.timeline-meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.timeline-meta__status{font-size:var(--text-xs)}.topic-input__row{flex-direction:column;gap:var(--space-2)}.topic-input__field{font-size:var(--text-base)}.topic-input__row .btn{width:100%;justify-content:center}.btn{min-height:44px;padding:var(--space-3) var(--space-4)}.btn--sm{min-height:36px;padding:var(--space-2) var(--space-3)}.btn--lg{min-height:52px;padding:var(--space-4) var(--space-6)}.storyboard-grid{grid-template-columns:1fr;gap:var(--space-3)}.storyboard-card__media{flex-direction:row;gap:var(--space-2)}.storyboard-card__frame,.storyboard-card__video{aspect-ratio:9/16}.storyboard-card__actions{justify-content:center;gap:var(--space-3)}.storyboard-card__actions .btn{min-width:44px;min-height:44px}.ideas-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.ideas-grid>*{width:auto;min-width:0}.idea-card__content{padding:var(--space-3)}.idea-card__title{font-size:var(--text-sm)}.idea-card__summary{font-size:var(--text-xs)}.shot-card{grid-template-columns:auto 1fr;gap:var(--space-3);padding:var(--space-3)}.shot-card__frames{flex-wrap:wrap}.shot-card__frame{width:60px}.shot-card__video{width:90px}.video-player{max-width:100%}.video-player__actions{flex-direction:column;align-items:stretch}.video-player__actions .btn{width:100%}.template-gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.template-card{padding:var(--space-4)}.upload-zone{padding:var(--space-6)}.reference-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.error-display{padding:var(--space-3)}.grid--2cols.gap-6{grid-template-columns:1fr;gap:var(--space-4)}.video-player{width:100%}.video-player video{width:100%;max-height:60vh;object-fit:contain}.main-content{padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom, 0))}}@media (max-width:400px){.stepper__item{padding:var(--space-2);font-size:var(--text-xs)}.stepper__icon{width:20px;height:20px;font-size:10px}.step-section__title{font-size:var(--text-base)}.template-gallery{grid-template-columns:1fr 1fr}}.error-display{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);margin-bottom:var(--space-4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.error-display__icon{font-size:var(--text-xl);flex-shrink:0}.error-display__content{flex:1 1;display:flex;flex-direction:column;gap:var(--space-2)}.error-display__message{font-size:var(--text-sm);color:#fca5a5}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);transform:translateX(-50%) translateY(-4px);background:var(--color-text-primary);color:var(--color-text-inverse);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;box-shadow:var(--shadow-md);opacity:1}[data-tooltip]:hover:after,[data-tooltip]:hover:before{position:absolute;bottom:100%;left:50%;pointer-events:none;z-index:var(--z-toast)}[data-tooltip]:hover:before{content:"";transform:translateX(-50%) translateY(2px);border:4px solid transparent;border-top:4px solid var(--color-text-primary)}.storyboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.storyboard-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all var(--transition-base)}.storyboard-card:hover{border-color:var(--color-accent);background:rgba(30,41,59,.6);box-shadow:var(--shadow-glow)}.storyboard-card__header{display:flex;justify-content:space-between;align-items:center}.storyboard-card__number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary)}.storyboard-card__duration{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-accent);background:var(--color-accent-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.storyboard-card__media{display:flex;gap:var(--space-2)}.storyboard-card__frame,.storyboard-card__video{flex:1 1;aspect-ratio:9/16;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;position:relative}.storyboard-card__frame img,.storyboard-card__video video{width:100%;height:100%;object-fit:cover}.storyboard-card__video-loading,.storyboard-card__video-waiting{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2)}.storyboard-card__play-icon{font-size:var(--text-xl);color:#ffffff;opacity:.8}.storyboard-card__play-icon--dim{opacity:.3}.storyboard-card__error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(239,68,68,.1);color:#fca5a5}.storyboard-card__text{flex:1 1;display:flex;flex-direction:column;gap:var(--space-2)}.storyboard-card__description{font-size:var(--text-sm);color:var(--color-text-primary)}.storyboard-card__voice{font-size:var(--text-xs);color:var(--color-text-secondary);font-style:italic}.storyboard-card__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:auto}.progress{width:100%;height:8px;background:var(--color-bg-hover);overflow:hidden;margin-bottom:var(--space-2)}.progress,.progress__bar{border-radius:var(--radius-full)}.progress__bar{height:100%;background:linear-gradient(90deg,var(--color-accent),#a5b4fc);transition:width .3s ease;box-shadow:0 0 10px rgba(99,102,241,.5)}.progress-text{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}@keyframes pulse{0%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.6;transform:scale(.95)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}