.storyboard-container{display:flex;flex-direction:column;gap:var(--space-1-5);padding:0;margin:var(--space-2) 0 0;width:100%;box-sizing:border-box}@media (min-width:768px){.storyboard-container{margin-top:var(--section-margin-top,8px);padding:0 var(--container-padding-x,16px);gap:var(--space-1)}}.storyboard-header{display:flex;justify-content:space-between;align-items:center;padding:0 2px}.storyboard-title-group{display:flex;align-items:center;gap:var(--space-1-5)}.storyboard-title{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-medium);font-size:var(--text-xxs);color:var(--sg-white-60);text-transform:uppercase;letter-spacing:.04em}@media (min-width:768px){.storyboard-title{font-weight:var(--font-normal);font-size:var(--text-xs);text-transform:none;letter-spacing:0;color:var(--text-muted)}}.storyboard-scenes-count{font-family:var(--font-roboto),"Roboto",sans-serif;font-size:var(--text-xxs);font-weight:var(--font-normal);color:var(--text-disabled)}@media (min-width:768px){.storyboard-scenes-count{font-size:var(--text-xs)}}.storyboard-duration-info{display:flex;align-items:center;gap:var(--space-1)}.storyboard-duration-label{font-family:var(--font-roboto),"Roboto",sans-serif;font-size:var(--text-xxs);color:var(--text-disabled)}@media (min-width:768px){.storyboard-duration-label{font-size:var(--text-xs)}}.storyboard-duration-value{font-family:var(--font-roboto),"Roboto",sans-serif;font-size:var(--text-xxs);font-weight:var(--font-semibold);background:var(--gradient-brand-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width:768px){.storyboard-duration-value{font-size:var(--text-xs)}}.storyboard-scenes{display:flex;flex-direction:column;gap:var(--space-1-5)}@media (min-width:768px){.storyboard-scenes{gap:var(--space-1)}}.scene-card{display:flex;flex-direction:column;gap:var(--space-1-5);padding:var(--space-2-5) var(--space-3-5);background:var(--mobile-surface,var(--sg-white-04));border:1px solid var(--mobile-border,var(--sg-white-06));border-radius:var(--radius-md);transition:border-color .15s ease,background .15s ease;animation:scene-enter .2s ease-out;position:relative}@media (min-width:768px){.scene-card{padding:var(--space-2) var(--space-2-5);gap:var(--space-1);background:rgba(var(--bg-header-rgb),.78);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}}@media (hover:hover){.scene-card:hover{border-color:var(--sg-white-10)}}@media (min-width:768px) and (hover:hover){.scene-card:hover{border-color:var(--sg-white-18);background:rgba(var(--bg-body-rgb),.85)}}.scene-card:focus-within{border-color:var(--border-subtle)}@media (min-width:768px){.scene-card:focus-within{border-color:var(--border-subtle);background:rgba(var(--bg-body-rgb),.9)}}@keyframes scene-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.scene-card-header{display:flex;justify-content:space-between;align-items:center}.scene-number{font-family:var(--font-roboto),"Roboto",sans-serif;font-weight:var(--font-medium);font-size:var(--text-xxs);color:var(--sg-white-60);text-transform:uppercase;letter-spacing:.04em}@media (min-width:768px){.scene-number{font-weight:var(--font-normal);font-size:var(--text-xs);text-transform:none;letter-spacing:0;color:var(--text-muted)}}.scene-card-actions{display:flex;align-items:center;gap:2px}.scene-duration-badge{display:flex;align-items:center;gap:1px;padding:2px var(--space-1-5);background:var(--bg-accent-subtle);border:none;border-radius:var(--radius-xs);font-family:var(--font-roboto),"Roboto",sans-serif;font-size:var(--text-xxs);font-weight:var(--font-medium);color:var(--text-accent);cursor:pointer;transition:background var(--transition-fast);min-width:36px;position:relative}@media (min-width:768px){.scene-duration-badge{font-size:var(--text-2xs);padding:1px 5px;min-width:34px}}@media (hover:hover){.scene-duration-badge:hover{background:var(--bg-accent-muted)}}.scene-duration-badge.editing{background:var(--bg-accent-muted);box-shadow:0 0 0 1px rgba(var(--brand-cyan-rgb),.3)}.scene-duration-input{background:transparent;border:none;outline:none;font-family:var(--font-roboto),"Roboto",sans-serif;font-size:var(--text-xxs);font-weight:var(--font-medium);color:var(--text-accent);width:22px;text-align:right;padding:0;margin:0;-moz-appearance:textfield;cursor:text}@media (min-width:768px){.scene-duration-input{font-size:var(--text-2xs);width:20px}}.scene-duration-input::-webkit-inner-spin-button,.scene-duration-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.scene-duration-input:focus{color:var(--text-success)}.scene-duration-unit{color:var(--text-accent);opacity:.5;font-size:var(--text-xxs);font-weight:var(--font-normal);flex-shrink:0}@media (min-width:768px){.scene-duration-unit{font-size:var(--text-2xs)}}@media (hover:hover){.scene-duration-badge:hover .scene-duration-unit{opacity:.8}}.scene-duration-badge.editing .scene-duration-unit{opacity:.8}.scene-delete-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-disabled);cursor:pointer;border-radius:var(--radius-xs);transition:background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}@media (min-width:768px){.scene-delete-btn{width:20px;height:20px}}@media (hover:hover){.scene-delete-btn:hover{background:var(--bg-error-subtle);color:var(--text-error)}}.scene-delete-btn:active{transform:scale(.95)}.scene-prompt-wrapper{width:100%}.scene-prompt-input{width:100%;min-height:48px;max-height:300px;padding:var(--space-1-5) 0;background:transparent;border:none;border-radius:0;font-family:var(--font-roboto),"Roboto",sans-serif;font-size:var(--text-base);line-height:1.5;color:var(--text-primary);resize:vertical;outline:none;overflow-y:auto}@media (min-width:768px){.scene-prompt-input{min-height:44px;font-size:var(--text-sm);padding:var(--space-1) 0}}.scene-prompt-input::placeholder{color:rgba(var(--white-rgb),.5);font-size:inherit;font-weight:inherit;font-family:inherit}.scene-image-section{position:relative;margin-top:2px}.scene-image-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scene-image-upload{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-2);background:transparent;border:1px dashed var(--sg-white-08);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}@media (hover:hover){.scene-image-upload:hover{border-color:var(--border-accent-subtle);background:var(--bg-accent-subtle)}}.scene-image-upload.dragging{border-color:rgba(var(--brand-green-rgb),.4);background:var(--bg-success-subtle)}.scene-image-upload svg{color:var(--text-disabled);flex-shrink:0;transition:color var(--transition-fast);width:14px;height:14px}@media (hover:hover){.scene-image-upload:hover svg{color:var(--text-accent)}}.scene-image-upload-text{font-family:var(--font-roboto),"Roboto",sans-serif;font-size:var(--text-2xs);font-weight:var(--font-normal);color:var(--text-disabled);transition:color var(--transition-fast)}@media (min-width:768px){.scene-image-upload-text{font-size:var(--text-xs)}}@media (hover:hover){.scene-image-upload:hover .scene-image-upload-text{color:var(--text-muted)}}.scene-image-upload-hint{font-family:var(--font-roboto),"Roboto",sans-serif;font-size:var(--text-xxs);color:var(--text-disabled);margin-left:auto}.scene-image-preview{position:relative;width:100%;height:48px;border-radius:var(--radius-sm);overflow:hidden;background:var(--sg-black-30);border:1px solid transparent;transition:border-color var(--transition-fast)}@media (hover:hover){.scene-image-preview:hover{border-color:var(--border-subtle)}}.scene-image-thumb{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm)}.scene-image-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--sg-black-50);border-radius:var(--radius-sm)}.scene-image-spinner{width:18px;height:18px;border:2px solid var(--sg-white-10);border-top-color:var(--text-accent);border-radius:var(--radius-circle);animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.scene-image-remove{position:absolute;top:var(--space-1);right:var(--space-1);width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--sg-black-60);border:none;border-radius:var(--radius-xs);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);opacity:0}@media (hover:hover){.scene-image-preview:hover .scene-image-remove{opacity:1}.scene-image-remove:hover{background:rgba(var(--brand-red-rgb),.7)}}.scene-image-error{margin-top:2px;font-family:var(--font-roboto),"Roboto",sans-serif;font-size:var(--text-xxs);line-height:1.4;color:var(--text-error)}@media (min-width:768px){.scene-image-error{font-size:var(--text-2xs)}}.add-scene-card{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-3-5);min-height:auto;background:transparent;border:1px dashed var(--sg-white-06);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}@media (min-width:768px){.add-scene-card{padding:var(--space-1-5) var(--space-2-5);border-radius:var(--radius-sm)}}@media (hover:hover){.add-scene-card:hover{border-color:var(--border-accent-subtle);background:var(--bg-accent-subtle)}}.add-scene-card:focus{outline:none;border-color:var(--border-accent-subtle)}.add-scene-card:active{transform:scale(.99)}.add-scene-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:none;color:var(--text-disabled);transition:color var(--transition-fast)}.add-scene-icon svg{width:14px;height:14px}@media (hover:hover){.add-scene-card:hover .add-scene-icon{color:var(--text-accent)}}.add-scene-text{font-family:var(--font-roboto),"Roboto",sans-serif;font-size:var(--text-2xs);font-weight:var(--font-normal);color:var(--text-disabled);transition:color var(--transition-fast)}@media (min-width:768px){.add-scene-text{font-size:var(--text-xs)}}@media (hover:hover){.add-scene-card:hover .add-scene-text{color:var(--text-muted)}}.add-scene-counter{font-family:var(--font-roboto),"Roboto",sans-serif;font-size:var(--text-xxs);color:var(--text-disabled);margin-left:2px}@media (min-width:768px){.add-scene-counter{font-size:var(--text-2xs)}}@media (prefers-reduced-motion:reduce){.add-scene-card,.scene-card,.scene-image-upload{animation:none;transition:none}.scene-image-spinner{animation:none}}@media (prefers-contrast:high){.scene-card,.scene-prompt-input{border:2px solid var(--border-strong)}.add-scene-card{border-width:2px}}