:root{--color-bg: #ffffff;--color-bg-secondary: #f5f5f7;--color-bg-tertiary: #fbfbfd;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-text-primary: #1d1d1f;--color-text-secondary: #86868b;--color-text-tertiary: #a1a1a6;--color-accent: #0071e3;--color-accent-hover: #0077ed;--color-accent-active: #006edb;--color-success: #34c759;--color-warning: #ff9500;--color-error: #ff3b30;--color-border: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .12);--color-divider: rgba(0, 0, 0, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", ui-monospace, monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--letter-spacing-tight: -.022em;--letter-spacing-normal: -.016em;--letter-spacing-wide: .02em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .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;--space-20: 5rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-out: cubic-bezier(.25, .1, .25, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--max-width: 1200px;--header-height: 56px;--sidebar-width: 260px}@media(prefers-color-scheme:dark){:root{--color-bg: #000000;--color-bg-secondary: #1c1c1e;--color-bg-tertiary: #2c2c2e;--color-surface: #1c1c1e;--color-surface-elevated: #2c2c2e;--color-text-primary: #f5f5f7;--color-text-secondary: #a1a1a6;--color-text-tertiary: #86868b;--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .16);--color-divider: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .5)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);color:var(--color-text-primary);background-color:var(--color-bg);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-accent-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);transform:scale(1.02)}.btn-primary:active{background:var(--color-accent-active);transform:scale(.98)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-border-strong)}.btn-ghost{background:transparent;color:var(--color-accent)}.btn-ghost:hover{background:#0071e31a}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-md)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid transparent;border-radius:var(--radius-md);outline:none;transition:all var(--duration-fast) var(--ease-out)}.input:focus{background:var(--color-surface);border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e326}.input::placeholder{color:var(--color-text-tertiary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--duration-normal) var(--ease-out)}.card-elevated{box-shadow:var(--shadow-md);border:none}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-text-secondary)}.badge-accent{background:#0071e31f;color:var(--color-accent)}.badge-success{background:#34c7591f;color:var(--color-success)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.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-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp var(--duration-normal) var(--ease-spring)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:#0071e333}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);padding:var(--space-4)}.auth-container{width:100%;max-width:380px}.auth-header{text-align:center;margin-bottom:var(--space-10)}.auth-logo-img{width:240px;height:auto;border-radius:var(--radius-lg);object-fit:contain}.auth-tagline{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-top:var(--space-2);letter-spacing:var(--letter-spacing-wide)}.auth-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.auth-form h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);text-align:center;margin-bottom:var(--space-2)}.auth-form .input{padding:var(--space-4);font-size:var(--font-size-md)}.auth-form .btn{margin-top:var(--space-2);width:100%}.auth-error{background:#ff3b301a;color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center}.auth-switch{text-align:center;margin-top:var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.auth-switch button{background:none;border:none;color:var(--color-accent);font-weight:var(--font-weight-medium);cursor:pointer;font-size:inherit}.auth-switch button:hover{text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--duration-fast) var(--ease-out)}.create-project-modal{width:90%;max-width:480px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:slideUp var(--duration-normal) var(--ease-spring)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.create-project-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.create-project-modal .modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.create-project-modal .close-btn{width:32px;height:32px;border-radius:var(--radius-md);border:none;background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:1.25rem;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.create-project-modal .close-btn:hover{background:var(--color-border-strong)}.project-form{padding:var(--space-6)}.form-section{display:flex;flex-direction:column;gap:var(--space-4)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-field span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-field input,.form-field textarea{padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);transition:all var(--duration-fast) var(--ease-out)}.form-field input:focus,.form-field textarea:focus{outline:none;background:var(--color-surface);border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e326}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--color-text-tertiary)}.form-field textarea{resize:vertical;line-height:var(--line-height-normal)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.form-actions .btn-secondary{padding:var(--space-3) var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.form-actions .btn-secondary:hover{background:var(--color-border-strong)}.form-actions .btn-primary{padding:var(--space-3) var(--space-5);background:var(--color-accent);border:none;border-radius:var(--radius-full);color:#fff;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.form-actions .btn-primary:hover:not(:disabled){background:var(--color-accent-hover);transform:scale(1.02)}.form-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.projects-page{min-height:100vh;background:var(--color-bg)}.projects-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.projects-header h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.header-right{display:flex;gap:var(--space-3);align-items:center}.profile-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-border);background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s,border-color .2s}.profile-btn:hover{transform:scale(1.1);border-color:var(--color-accent)}.profile-btn-avatar{width:100%;height:100%;object-fit:cover}.profile-btn-initial{color:#fff;font-size:.9rem;font-weight:700}.projects-content{max-width:1200px;margin:0 auto;padding:var(--space-8)}.projects-loading{text-align:center;padding:var(--space-16);color:var(--color-text-secondary)}.projects-empty{text-align:center;padding:var(--space-16)}.empty-icon{font-size:4rem;margin-bottom:var(--space-4)}.projects-empty h3{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.projects-empty p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.project-card{position:relative;cursor:pointer;padding:0;overflow:hidden}.project-preview{height:160px;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);display:flex;align-items:center;justify-content:center}.project-icon{font-size:3rem;opacity:.5}.project-thumbnail{width:100%;height:100%;object-fit:cover}.project-info{padding:var(--space-5)}.project-info h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.project-genre{display:inline-block;font-size:var(--font-size-xs);color:#a855f7;background:#a855f726;padding:2px 8px;border-radius:4px;margin-bottom:var(--space-2)}.project-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.project-delete{position:absolute;top:var(--space-3);right:var(--space-3);width:28px;height:28px;border-radius:var(--radius-full);background:#00000080;color:#fff;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-fast)}.project-card:hover .project-delete{opacity:1}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:440px;box-shadow:var(--shadow-xl)}.modal h2{font-size:var(--font-size-xl);margin-bottom:var(--space-6);text-align:center}.modal .input{margin-bottom:var(--space-4)}.modal textarea.input{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;min-width:320px;max-width:420px;box-shadow:0 24px 48px #0003;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-body{margin-bottom:1.5rem}.modal-body p{font-size:1rem;line-height:1.5;color:var(--color-text-primary);text-align:center;margin:0}.modal-actions{display:flex;gap:.75rem;justify-content:center}.modal-actions .btn{min-width:100px}.prompt-editor{max-width:100%}.prompts-list{display:flex;flex-direction:column;gap:1.5rem}.prompt-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem}.prompt-header{margin-bottom:1rem}.prompt-header h3{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--color-text-primary)}.prompt-description{font-size:.8rem;color:var(--color-text-secondary)}.prompt-textarea{width:100%;min-height:200px;padding:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;font-family:SF Mono,Monaco,monospace;font-size:.8rem;line-height:1.5;color:var(--color-text-primary);resize:vertical;margin-bottom:1rem}.prompt-textarea:focus{outline:none;border-color:var(--color-accent)}.prompt-actions{display:flex;gap:.75rem}.prompt-actions .btn{font-size:.875rem}.base-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.base-modal-content{background:#fff;color:#1a1a1a;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.base-modal-small{width:100%;max-width:400px}.base-modal-medium{width:100%;max-width:600px}.base-modal-large{width:100%;max-width:900px}.base-modal-fullscreen{width:95vw;height:95vh;max-width:none}.base-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e5e5}.base-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#1a1a1a}.base-modal-close{background:none;border:none;color:#666;font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.base-modal-close:hover{color:#1a1a1a}.base-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.base-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e5e5}.project-gallery-modal .base-modal-body{display:flex;flex-direction:column;gap:1rem;max-height:70vh;overflow:hidden}.gallery-tabs{display:flex;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:.5rem}.project-gallery-modal .gallery-tab{padding:.6rem 1.2rem;border:none;background:#f0f0f0;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;color:#666;transition:all .15s ease}.project-gallery-modal .gallery-tab:hover{background:#e5e5e5}.project-gallery-modal .gallery-tab.active{background:#0071e3;color:#fff}.gallery-filters{display:flex;gap:1.5rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.gallery-filters .filter-group{display:flex;align-items:center;gap:.5rem}.gallery-filters label{color:#1d1d1f;font-size:.85rem;font-weight:500}.gallery-filters select{background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:6px;color:#1d1d1f;padding:.4rem .6rem;font-size:.85rem;min-width:120px}.gallery-filters select:focus{outline:none;border-color:#0071e3}.checkbox-label{display:flex;align-items:center;gap:.4rem;cursor:pointer;color:#1d1d1f!important;font-weight:500}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#0071e3}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;overflow-y:auto;padding:.5rem;flex:1;min-height:300px;align-content:start}.gallery-item{position:relative;height:120px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .15s ease;background:#f0f0f0}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-item:hover{border-color:#0000004d;transform:scale(1.02)}.gallery-item.selected{border-color:#0071e3}.gallery-item.video-item video{width:100%;height:100%;object-fit:cover}.gallery-item.video-item .gallery-item-info{gap:.5rem}.gallery-item.video-item .gallery-item-info span{font-size:.7rem;color:#fff}.gallery-item-info{position:absolute;bottom:0;left:0;right:0;padding:.3rem .5rem;background:linear-gradient(transparent,#000000b3);display:flex;justify-content:space-between;align-items:center}.gallery-item-type{font-size:.7rem;color:#fff;text-transform:uppercase}.gallery-item-fav{font-size:.8rem}.gallery-item-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#0071e3e6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}.gallery-loading,.gallery-empty{grid-column:1 / -1;text-align:center;color:#86868b;padding:3rem;font-size:1rem}@media(max-width:1200px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-filters{flex-direction:column;gap:.75rem}}.mention-textarea-container{position:relative;width:100%;box-sizing:border-box}.mention-textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-secondary, #f5f5f7);font-family:inherit;font-size:inherit;resize:vertical;line-height:1.5;color:transparent;caret-color:var(--color-text-primary);box-sizing:border-box;position:relative;z-index:1}.mention-textarea:focus{outline:none;border-color:var(--color-accent)}.mention-highlight-overlay{position:absolute;inset:0;padding:.75rem;white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:inherit;line-height:1.5;color:var(--color-text-primary);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;z-index:2;background:transparent;border-radius:8px;pointer-events:none;border:1px solid transparent}.mention-highlight{pointer-events:auto;cursor:pointer;border-radius:3px;padding:0 2px;margin:0 -2px}.mention-highlight.valid{background:#0071e326;color:var(--color-accent)}.mention-highlight.invalid{background:#ff3b301a;color:#ff3b30}.mention-highlight:hover{background:#0071e34d}.mention-suggestions{position:absolute;z-index:1000;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto;min-width:200px}.mention-suggestion{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:background .15s}.mention-suggestion:hover,.mention-suggestion.selected{background:var(--color-bg-secondary, #f5f5f7)}.mention-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.mention-info{display:flex;flex-direction:column;gap:.1rem}.mention-nickname{font-size:.85rem;font-weight:500;color:var(--color-accent)}.mention-name{font-size:.75rem;color:var(--color-text-secondary)}.fullscreen-viewer-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:pointer;animation:fullscreenFadeIn .15s ease-out}@keyframes fullscreenFadeIn{0%{opacity:0}to{opacity:1}}.fullscreen-viewer-image{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px #00000080;cursor:pointer;animation:fullscreenZoomIn .2s ease-out}@keyframes fullscreenZoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fullscreen-viewer-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;z-index:10}.fullscreen-viewer-close:hover{background:#fff3;transform:scale(1.1)}.fullscreen-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;font-size:2.5rem;width:56px;height:80px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;z-index:10;-webkit-user-select:none;user-select:none}.fullscreen-viewer-nav:hover{background:#ffffff40}.fullscreen-viewer-nav--left{left:1.5rem}.fullscreen-viewer-nav--right{right:1.5rem}.fullscreen-viewer-counter{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);background:#0009;color:#fffc;padding:6px 16px;border-radius:20px;font-size:.875rem;font-weight:500;letter-spacing:.05em;z-index:10;-webkit-user-select:none;user-select:none}.avatar-cropper-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000}.avatar-cropper-modal{background:#fff;border-radius:16px;padding:1.5rem;max-width:600px;max-height:90vh;overflow:auto;color:#1d1d1f}.avatar-cropper-modal h3{margin:0 0 .5rem;font-size:1.25rem;color:#1d1d1f}.cropper-hint{color:#86868b;font-size:.9rem;margin-bottom:1rem}.cropper-canvas-container{display:flex;justify-content:center;margin-bottom:1rem;border-radius:8px;overflow:hidden;background:#f5f5f7;min-height:200px}.cropper-canvas-container canvas{cursor:move;max-width:100%;display:block}.cropper-actions{display:flex;gap:.75rem;justify-content:flex-end}.sidebar{width:280px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto}.sidebar-section{padding:.5rem;border-bottom:1px solid var(--color-border)}.sidebar-section-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem;font-size:.8rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.sidebar-section-bottom{margin-top:auto;border-bottom:none;border-top:1px solid var(--color-border)}.sidebar-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:background .2s;position:relative}.sidebar-item:hover{background:var(--color-bg)}.sidebar-item.active{background:var(--color-primary);color:#fff}.sidebar-item.small{padding:.5rem;font-size:.9rem}.sidebar-item .icon{font-size:1.1rem}.sidebar-scene{margin-bottom:2px}.expand-toggle{cursor:pointer;transition:transform .2s;font-size:.7rem;color:var(--color-text-secondary)}.scene-number{font-weight:600;min-width:28px}.scene-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-duration{font-size:.75rem;color:var(--color-text-secondary)}.scene-shots-count{background:var(--color-bg);padding:.1rem .4rem;border-radius:10px;font-size:.7rem;color:var(--color-text-secondary)}.sidebar-shots{margin-left:1.5rem;border-left:2px solid var(--color-border)}.sidebar-shot{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.85rem;cursor:pointer;transition:background .2s;border-radius:0 6px 6px 0}.sidebar-shot:hover{background:var(--color-bg)}.sidebar-shot.active{background:var(--color-primary);color:#fff}.sidebar-sequences{margin-left:1.5rem;border-left:2px solid var(--color-accent);padding-left:0}.sidebar-sequence{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;cursor:pointer;transition:background .2s;border-radius:0 6px 6px 0}.sidebar-sequence:hover{background:var(--color-bg-secondary)}.sidebar-sequence.active{background:var(--color-accent);color:#fff}.sidebar-sequence-container{margin-bottom:2px}.sidebar-sequence-container .sidebar-shots{margin-left:.75rem;padding-left:.5rem;border-left:2px solid var(--color-border)}.seq-shots-count{background:var(--color-bg);padding:.1rem .4rem;border-radius:10px;font-size:.65rem;color:var(--color-text-secondary);margin-left:auto}.seq-number{font-weight:600;font-size:.75rem;color:var(--color-accent);min-width:40px}.sidebar-sequence.active .seq-number{color:#fff}.seq-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seq-duration{font-size:.7rem;color:var(--color-text-secondary)}.sidebar-sequence.active .seq-duration{color:#fffc}.sidebar-empty-hint{padding:.5rem .75rem;font-size:.8rem;color:var(--color-text-tertiary);font-style:italic}.shot-duration{font-size:.7rem;color:var(--color-text-secondary)}.done-badge{color:var(--color-success);font-size:.8rem}.btn-delete-small{opacity:0;background:none;border:none;color:var(--color-danger);cursor:pointer;padding:.2rem .4rem;font-size:1rem;transition:opacity .2s;margin-left:auto}.character-item{gap:.5rem}.char-sidebar-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.char-sidebar-no-avatar{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border-radius:50%;font-size:.8rem}.char-nick{flex:1}.delete-char{opacity:0;color:var(--color-danger)}.character-item:hover .delete-char{opacity:1}.btn-icon{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem .5rem;font-size:1rem;transition:color .2s}.btn-icon:hover{color:var(--color-text)}.script-textarea{width:100%;min-height:400px;padding:1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);font-family:JetBrains Mono,monospace;font-size:.95rem;line-height:1.6;resize:vertical}.script-textarea:focus{outline:none;border-color:var(--color-primary)}.script-textarea:disabled{opacity:.6;cursor:not-allowed}.script-actions{margin-top:1rem;display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.generation-progress{width:100%}.progress-bar{height:8px;background:var(--color-bg);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width .3s ease}.progress-text{margin-top:.5rem;font-size:.9rem;color:var(--color-text-secondary)}.hint{color:var(--color-text-secondary);font-size:.9rem;margin:0}.sequence-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;margin-bottom:8px;overflow:hidden;transition:all .2s ease;box-shadow:var(--shadow-sm)}.sequence-card:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #0071e31a}.sequence-card.expanded{border-color:var(--color-accent)}.sequence-header{padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;background:var(--color-bg-secondary)}.sequence-header:hover{background:var(--color-bg-tertiary)}.header-main{display:flex;align-items:center;gap:8px;flex:1}.sequence-number{background:var(--color-accent);color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px}.sequence-title{font-weight:500;color:var(--color-text-primary)}.sequence-duration{font-size:12px;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:2px 8px;border-radius:4px}.header-meta{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--color-text-secondary)}.int-ext{font-weight:600;color:var(--color-success)}.expand-icon{color:var(--color-text-secondary);font-size:12px}.sequence-body{padding:16px;border-top:1px solid var(--color-border);background:var(--color-surface)}.sequence-bits{margin-bottom:16px;padding:12px;background:var(--color-bg-secondary);border-radius:8px;font-size:13px;border:1px solid var(--color-border)}.sequence-bits strong{display:block;margin-bottom:8px;color:var(--color-accent)}.sequence-bits ol{margin:0;padding-left:20px}.sequence-bits li{margin-bottom:4px;color:var(--color-text-primary)}.section{margin-bottom:8px;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--color-bg-secondary);cursor:pointer;font-size:13px;font-weight:500;color:var(--color-text-primary)}.section-header:hover{background:var(--color-bg-tertiary)}.sequence-card .section-fields{padding:12px;display:grid;gap:8px;background:var(--color-surface)}.field-row{display:grid;grid-template-columns:110px 1fr;gap:8px;align-items:start;font-size:12px}.field-row label{color:var(--color-text-secondary);font-weight:500}.sequence-card .text-value{color:var(--color-text-primary);cursor:pointer;padding:2px 6px;border-radius:4px}.sequence-card .text-value:hover{background:var(--color-bg-secondary)}.sequence-card .text-value.empty{color:var(--color-text-secondary);font-style:italic}.list-value.compact{color:var(--color-text-primary);cursor:pointer;padding:2px 6px;border-radius:4px;font-size:11px}.list-value.compact:hover{background:var(--color-bg-secondary)}.list-value.compact .more{color:var(--color-accent);font-weight:500}.sequence-card .field-editor{display:flex;flex-direction:column;gap:8px}.sequence-card .field-editor input,.sequence-card .field-editor textarea{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:8px 10px;color:var(--color-text-primary);font-size:13px;font-family:inherit;resize:vertical}.sequence-card .field-editor input:focus,.sequence-card .field-editor textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e326}.sequence-card .editor-actions{display:flex;gap:8px;justify-content:flex-end}.sequence-card .save-btn,.sequence-card .cancel-btn{padding:6px 14px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500}.sequence-card .save-btn{background:var(--color-accent);color:#fff}.sequence-card .save-btn:hover{background:var(--color-accent-hover)}.sequence-card .save-btn:disabled{opacity:.5;cursor:not-allowed}.sequence-card .cancel-btn{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.sequence-card .cancel-btn:hover{background:var(--color-bg-tertiary)}.toast-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.75rem;z-index:9999;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;cursor:pointer;animation:toast-slide-in .3s ease-out;transition:all .2s ease;min-width:200px;max-width:400px}.toast:hover{transform:translate(-4px);box-shadow:0 12px 40px #00000029}.toast-icon{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.875rem;font-weight:600;flex-shrink:0}.toast-success .toast-icon{background:#34c759;color:#fff}.toast-error .toast-icon{background:#ff3b30;color:#fff}.toast-info .toast-icon{background:var(--color-accent);color:#fff}.toast-message{font-size:.9rem;font-weight:500;color:var(--color-text-primary);line-height:1.4}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(prefers-color-scheme:dark){.toast{background:#282828f2;border-color:#ffffff1a}}.scene-spec-view{padding:var(--space-5);background:var(--color-bg);height:100%;overflow-y:auto}.spec-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.header-left{display:flex;align-items:baseline;gap:var(--space-3)}.header-left h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.generated-title{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.header-actions{display:flex;gap:var(--space-3)}.btn-primary{padding:var(--space-2) var(--space-4);background:var(--color-accent);border:none;border-radius:var(--radius-full);color:#fff;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.scene-summary-block{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5)}.scene-summary-block p{margin:0;font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.no-spec-message,.generating-message{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-6);text-align:center}.no-spec-message p,.generating-message p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0}.no-spec-message p:last-child,.generating-message p:last-child{margin-bottom:0}.generating-message{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spec-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.spec-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.spec-section h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.section-fields{display:flex;flex-direction:column;gap:var(--space-2)}.spec-field{display:flex;align-items:flex-start;gap:var(--space-2)}.spec-field label{flex-shrink:0;width:100px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);padding-top:var(--space-1)}.text-value,.list-value{flex:1;padding:var(--space-1) var(--space-2);background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);min-height:28px;word-break:break-word}.text-value:hover,.list-value:hover{background:var(--color-border)}.text-value.empty{color:var(--color-text-tertiary);font-style:italic}.list-value ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-1)}.list-value li{font-size:var(--font-size-xs);background:var(--color-bg-tertiary);padding:2px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.list-value li.more{color:var(--color-text-tertiary);background:transparent;border:none}.field-editor{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.field-editor textarea,.field-editor input{width:100%;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);box-shadow:0 0 0 3px #0071e326}.field-editor textarea{resize:vertical;min-height:60px}.editor-actions{display:flex;gap:var(--space-1)}.editor-actions button{width:24px;height:24px;border-radius:var(--radius-sm);border:none;font-size:.75rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.save-btn{background:var(--color-success);color:#fff}.save-btn:hover{opacity:.9}.cancel-btn{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.cancel-btn:hover{background:var(--color-border)}@media(max-width:900px){.spec-sections{grid-template-columns:1fr}.spec-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.header-actions{width:100%}.header-actions button{flex:1}}.sequences-section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.sequences-section h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.sequences-list{display:flex;flex-direction:column;gap:var(--space-2)}.beats-section{margin-top:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.beats-section h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.beats-list{list-style:decimal;padding-left:var(--space-5);margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.beats-list li{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-relaxed);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-left:var(--space-2)}.scene-script-textarea{width:100%;min-height:150px;padding:1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:.95rem;line-height:1.6;resize:vertical;margin-bottom:1rem}.scene-actions{display:flex;gap:1rem}.scene-total-duration{font-size:.9rem;color:var(--color-text-secondary)}.scene-shots h4{margin-bottom:1rem}.shots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.shot-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s}.shot-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.shot-card-header{display:flex;justify-content:space-between;font-weight:600;margin-bottom:.5rem}.shot-synopsis-preview{font-size:.85rem;color:var(--color-text-secondary);margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.done-badge{display:inline-block;background:var(--color-success);color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;margin-top:.5rem}.sequence-view{padding:2rem;max-width:900px;margin:0 auto}.sequence-view .sequence-header{margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:nowrap}.sequence-view .header-top{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.sequence-view .header-actions{flex-shrink:0;display:flex;align-items:center;gap:.5rem}.sequence-view .btn-copy-json{padding:.25rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.8rem;cursor:pointer;transition:all .15s}.sequence-view .btn-copy-json:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sequence-view .btn-danger-subtle{padding:.25rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.8rem;cursor:pointer;transition:all .15s}.sequence-view .btn-danger-subtle:hover{background:#ff3b301a;border-color:#ff3b304d;color:#ff3b30}.sequence-view .seq-badge{background:var(--color-accent);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;flex-shrink:0;white-space:nowrap}.sequence-view h1{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0;max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sequence-view .duration-badge{background:var(--color-bg-secondary);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.85rem;color:var(--color-text-secondary)}.sequence-sections{display:flex;flex-direction:column;gap:1.5rem}.sequence-view .section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.sequence-view .section h2{font-size:.9rem;font-weight:600;padding:.75rem 1rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);margin:0}.sequence-view .section-content{padding:1rem}.sequence-view .field-row{display:grid;grid-template-columns:140px 1fr;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--color-divider);cursor:pointer;transition:background .15s}.sequence-view .field-row:last-child{border-bottom:none}.sequence-view .field-row:hover{background:var(--color-bg-secondary);margin:0 -1rem;padding-left:1rem;padding-right:1rem}.sequence-view .field-row label{font-size:.8rem;color:var(--color-text-tertiary);font-weight:500}.sequence-view .field-value{font-size:.9rem;color:var(--color-text-primary)}.sequence-view .field-value.empty{color:var(--color-text-tertiary);font-style:italic}.sequence-view .field-editor{display:flex;flex-direction:column;gap:.5rem}.sequence-view .field-editor input,.sequence-view .field-editor textarea{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:.5rem .75rem;font-size:.9rem;color:var(--color-text-primary);font-family:inherit;resize:vertical}.sequence-view .field-editor input:focus,.sequence-view .field-editor textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e326}.sequence-view .editor-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem;padding-top:.5rem}.sequence-view .btn-save,.sequence-view .btn-cancel{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;cursor:pointer;border:none;min-width:90px;white-space:nowrap;transition:background .15s,transform .1s}.sequence-view .btn-save{background:var(--color-accent);color:#fff}.sequence-view .btn-save:hover{background:var(--color-accent-hover);transform:scale(1.02)}.sequence-view .btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.sequence-view .btn-cancel{background:var(--color-bg-secondary);color:var(--color-text-primary)}.sequence-view .btn-cancel:hover{background:var(--color-bg-tertiary)}.sequence-view .header-actions{display:flex;align-items:center;gap:.75rem}.sequence-view .btn-prompt-edit{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.sequence-view .btn-prompt-edit:hover{background:var(--color-bg-tertiary, #e5e7eb);border-color:var(--color-border-strong)}.sequence-view .btn-generate{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s}.sequence-view .btn-generate:hover{transform:scale(1.02);box-shadow:0 4px 12px #6366f14d}.sequence-view .btn-generate:disabled{opacity:.6;cursor:not-allowed;transform:none}.sequence-view .modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.sequence-view .modal-content{background:var(--color-surface);border-radius:var(--radius-xl);padding:2rem;max-width:480px;width:90%;box-shadow:0 20px 60px #0006}.sequence-view .prompt-editor-modal{max-width:700px;max-height:85vh;overflow-y:auto}.sequence-view .modal-content h2{margin:0 0 .5rem;font-size:1.25rem;color:var(--color-text-primary)}.sequence-view .modal-subtitle{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.9rem}.sequence-view .context-options{margin-bottom:1.5rem}.sequence-view .context-options h3{font-size:.85rem;color:var(--color-text-secondary);margin:0 0 .75rem;font-weight:500}.sequence-view .context-options label{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;cursor:pointer;font-size:.9rem;color:var(--color-text-primary)}.sequence-view .context-options input[type=checkbox]{width:18px;height:18px;accent-color:#6366f1}.sequence-view .prompt-section{margin-bottom:1.5rem}.sequence-view .prompt-section h3{font-size:.85rem;color:var(--color-text-secondary);margin:0 0 .75rem;font-weight:500}.sequence-view .prompt-textarea{width:100%;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:.75rem;font-size:.85rem;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--color-text-primary);resize:vertical;line-height:1.5}.sequence-view .prompt-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e326}.sequence-view .prompt-hint{font-size:.75rem;color:var(--color-text-tertiary);margin:.5rem 0 0;font-style:italic}.sequence-view .modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--color-border)}.sequence-view .btn-reset{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);transition:background .15s}.sequence-view .btn-reset:hover{background:var(--color-bg-secondary)}.sequence-view .field-tags{display:flex;flex-wrap:wrap;gap:.5rem}.sequence-view .tag{background:var(--color-accent);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.sequence-view .blocking-table{margin-top:1rem}.sequence-view .blocking-table h4{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.5rem}.sequence-view .blocking-table table{width:100%;border-collapse:collapse;font-size:.85rem}.sequence-view .blocking-table th,.sequence-view .blocking-table td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--color-border)}.sequence-view .blocking-table th{background:var(--color-bg-secondary);font-weight:600;color:var(--color-text-secondary)}.sequence-view .blocking-table tbody tr:hover{background:var(--color-bg-hover)}.sequence-view .blocking-rules{margin-top:1rem}.sequence-view .blocking-rules h4{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.5rem}.sequence-view .blocking-rules ul{list-style:disc;padding-left:1.25rem;margin:0}.sequence-view .blocking-rules li{font-size:.85rem;color:var(--color-text-primary);margin-bottom:.25rem}.sequence-view .empty-state{color:var(--color-text-muted);font-style:italic;font-size:.85rem}.project-gallery-view h2{margin-bottom:1.5rem}.project-gallery-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;align-items:center}.project-gallery-filters select{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);min-width:150px}.favorites-filter{display:flex;align-items:center;gap:.5rem;cursor:pointer}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.gallery-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;transition:transform .2s}.gallery-card:hover{transform:scale(1.02)}.gallery-card img{width:100%;aspect-ratio:16/9;object-fit:cover;cursor:pointer}.gallery-card-badge{position:absolute;top:8px;left:8px;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;z-index:2}.gallery-card-fav-badge{position:absolute;top:8px;right:8px;font-size:1.1rem;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));z-index:2;pointer-events:none}.gallery-card-actions{display:flex;justify-content:flex-end;padding:.4rem .5rem;gap:.25rem}.gallery-card-actions .btn-icon{background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem .4rem;border-radius:4px;transition:background .15s;opacity:.6}.gallery-card-actions .btn-icon:hover{background:var(--color-border);opacity:1}.gallery-card-actions .btn-icon.active{opacity:1}.gallery-card-actions .btn-icon.danger:hover{background:#dc262633}.gallery-card-prompt{padding:.5rem;font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{text-align:center;padding:3rem;color:var(--color-text-secondary)}.loading{text-align:center;padding:2rem;color:var(--color-text-secondary)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--color-surface);border-radius:12px;padding:2rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-large{max-width:700px}.modal .input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);margin-bottom:1rem}.modal textarea.input{min-height:100px;resize:vertical}.modal textarea.input.large{min-height:200px}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.char-image-upload{margin-bottom:1rem}.upload-label{display:flex;align-items:center;gap:1rem;cursor:pointer}.image-preview{position:relative;margin-top:1rem;display:inline-block}.image-preview img{max-width:200px;max-height:150px;border-radius:8px;object-fit:cover}.remove-image{position:absolute;top:-8px;right:-8px;background:var(--color-danger);color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer}.char-edit-grid{display:flex;flex-direction:column;gap:1.5rem}.char-images{display:flex;gap:1rem}.char-image-block{flex:1}.char-image-block label{display:block;font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.5rem}.char-ref-image,.char-avatar-image{width:100%;max-height:200px;object-fit:cover;border-radius:8px}.char-edit-fields label{display:block;font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.5rem}.team-board{padding:var(--space-6);animation:fadeIn var(--duration-normal) var(--ease-out)}.team-board-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.team-board-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.team-board-stats{display:flex;gap:var(--space-4)}.team-board-stat{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.team-board-stat strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.team-board-filters{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.team-filter{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.team-filter:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e31f}.team-filter:hover{background:var(--color-surface-elevated)}.team-search{flex:1;min-width:200px;max-width:320px;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:all var(--duration-fast) var(--ease-out)}.team-search:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e31f;background:var(--color-surface)}.team-search::placeholder{color:var(--color-text-tertiary)}.team-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.team-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.team-table thead{position:sticky;top:0;z-index:2}.team-table th{padding:var(--space-1) var(--space-2);text-align:left;font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-tertiary);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap;-webkit-user-select:none;user-select:none}.team-table th:first-child{border-top-left-radius:var(--radius-lg)}.team-table th:last-child{border-top-right-radius:var(--radius-lg)}.team-table td{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-divider);vertical-align:middle;color:var(--color-text-primary);white-space:nowrap}.team-table tbody tr{transition:background var(--duration-fast) var(--ease-out)}.team-table tbody tr:hover{background:var(--color-bg-secondary)}.team-table tbody tr:last-child td{border-bottom:none}.shot-id-cell{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.shot-scene-info{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:2px}.cell-mono{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);width:30px;text-align:center}.cell-shotsize{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent);background:#0071e30f;text-align:center;cursor:help;letter-spacing:.02em;width:45px}td.cell-beat{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:normal!important;word-break:break-word;min-width:100px;max-width:160px;line-height:1.3;overflow:hidden;display:table-cell}.assignee-cell{position:relative}.assignee-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-size:var(--font-size-xs);color:var(--color-text-primary)}.assignee-badge:hover{border-color:var(--color-accent);background:#0071e30f}.assignee-avatar{width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--font-weight-semibold)}.assignee-unassigned{color:var(--color-text-tertiary);font-style:italic}.assignee-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:10;min-width:200px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2) 0;animation:fadeIn var(--duration-fast) var(--ease-out)}.assignee-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary);transition:background var(--duration-fast) var(--ease-out)}.assignee-dropdown-item:hover{background:var(--color-bg-secondary)}.assignee-dropdown-item.active{color:var(--color-accent);font-weight:var(--font-weight-medium)}.assignee-dropdown-item .assignee-avatar{flex-shrink:0}.deadline-cell{font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer}.deadline-clickable{cursor:pointer;border-bottom:1px dashed transparent;transition:border-color .15s}.deadline-clickable:hover{border-bottom-color:var(--color-text-tertiary)}.deadline-input{width:120px;padding:2px 4px;font-size:var(--font-size-xs);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);outline:none}.deadline-overdue{color:var(--color-error);font-weight:var(--font-weight-medium)}.deadline-soon{color:var(--color-warning)}.log-cell{position:relative;text-align:center}.log-btn{width:24px;height:24px;border:none;background:transparent;cursor:pointer;font-size:12px;opacity:.25;border-radius:var(--radius-sm);transition:all .15s;padding:0;display:inline-flex;align-items:center;justify-content:center}.shot-row:hover .log-btn{opacity:.6}.log-btn:hover{opacity:1!important;background:var(--color-bg-secondary)}.log-popup{position:absolute;top:0;right:32px;z-index:30;width:300px;max-height:280px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg, 0 8px 24px rgba(0, 0, 0, .12));overflow:hidden;display:flex;flex-direction:column}.log-popup-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-divider);flex-shrink:0}.log-popup-close{width:20px;height:20px;border:none;background:transparent;cursor:pointer;font-size:11px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.log-popup-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.log-popup-entries{overflow-y:auto;padding:4px 0}.log-entry{display:flex;gap:8px;padding:6px 12px;align-items:flex-start;transition:background .1s}.log-entry:hover{background:var(--color-bg-secondary)}.log-entry-avatar{width:22px;height:22px;border-radius:50%;background:var(--color-accent);color:#fff;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.log-entry-body{display:flex;flex-direction:column;gap:1px;min-width:0}.log-entry-author{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.log-entry-action{font-size:11px;color:var(--color-text-secondary)}.log-entry-time{font-size:10px;color:var(--color-text-tertiary)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-medium);letter-spacing:.01em;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out)}.status-badge--draft{background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.status-badge--in-review{background:#0071e31a;color:var(--color-accent)}.status-badge--approved{background:#34c7591a;color:var(--color-success)}.status-badge--revision{background:#ff95001a;color:var(--color-warning)}.status-badge .status-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.review-status-cell{cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out)}.review-status-cell:hover{opacity:.8}.shot-thumb{width:48px;height:28px;border-radius:var(--radius-sm);object-fit:cover;background:var(--color-bg-secondary);border:1px solid var(--color-border)}.shot-thumb-empty{width:48px;height:28px;border-radius:var(--radius-sm);background:var(--color-bg-secondary);border:1px solid var(--color-divider);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-text-tertiary)}.review-overlay{position:fixed;inset:0;z-index:100;background:var(--color-bg);display:flex;flex-direction:column;animation:reviewFadeIn var(--duration-normal) var(--ease-out)}@keyframes reviewFadeIn{0%{opacity:0}to{opacity:1}}.review-backdrop{display:none}.review-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0;background:var(--color-surface)}.review-header h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.review-close{width:32px;height:32px;border-radius:var(--radius-full);border:none;background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all var(--duration-fast) var(--ease-out)}.review-close:hover{background:var(--color-border-strong);color:var(--color-text-primary)}.review-body{display:flex;flex:1;min-height:0;overflow:hidden}.review-preview-area{flex:7;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-bg);min-width:0;overflow:hidden;position:relative}.review-preview-area .review-asset-preview{max-width:100%;max-height:calc(100% - 80px);aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.review-asset-meta-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-4);flex-shrink:0}.review-asset-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.review-asset-version{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:2px 10px;border-radius:var(--radius-full)}.review-preview-area .video-timeline{width:100%;max-width:800px;padding:var(--space-3) 0 0;border-bottom:none}.review-sidebar{flex:3;display:flex;flex-direction:column;border-left:1px solid var(--color-border);background:var(--color-surface);min-width:280px;max-width:420px}.review-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center}.btn-approve{background:#34c7591a;color:var(--color-success);border:1px solid rgba(52,199,89,.2);border-radius:var(--radius-full)}.btn-approve:hover{background:#34c7592e}.btn-revision{background:#ff95001a;color:var(--color-warning);border:1px solid rgba(255,149,0,.2);border-radius:var(--radius-full)}.btn-revision:hover{background:#ff95002e}.video-timeline{padding:0 var(--space-5) var(--space-3);border-bottom:1px solid var(--color-border);flex-shrink:0}.timeline-slider{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:var(--color-bg-secondary);border-radius:2px;outline:none;cursor:pointer}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:var(--radius-full);background:var(--color-accent);cursor:pointer;box-shadow:var(--shadow-sm)}.timeline-markers{position:relative;height:8px;margin-top:4px}.timeline-marker{position:absolute;width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-warning);top:1px;transform:translate(-50%);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out)}.timeline-marker:hover{transform:translate(-50%) scale(1.4)}.timeline-time{display:flex;justify-content:space-between;font-size:10px;font-family:var(--font-mono);color:var(--color-text-tertiary);margin-top:2px}.review-comments{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5)}.review-comment{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);animation:fadeIn var(--duration-fast) var(--ease-out)}.review-comment-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);flex-shrink:0;overflow:hidden}.review-comment-avatar--lg{width:36px;height:36px;font-size:13px}.review-comment-body{flex:1;min-width:0}.review-comment-header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:2px}.review-comment-author{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.review-comment-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.review-comment-timecode{font-size:10px;font-family:var(--font-mono);color:var(--color-accent);background:#0071e314;padding:1px 6px;border-radius:var(--radius-sm);cursor:pointer}.review-comment-timecode:hover{background:#0071e326}.review-comment-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.review-comment--system{opacity:.85}.review-comment--system .review-comment-text{font-style:italic;color:var(--color-text-secondary)}.status-change-label{display:inline-flex;align-items:center;gap:4px;font-style:italic}.status-change-label strong{color:var(--color-accent);font-style:normal}.review-comment-input{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);flex-shrink:0;align-items:flex-end}.review-comment-input textarea{flex:1;padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:none;min-height:36px;max-height:100px;outline:none;transition:border-color var(--duration-fast) var(--ease-out)}.review-comment-input textarea:focus{border-color:var(--color-accent)}.review-comment-input textarea::placeholder{color:var(--color-text-tertiary)}.review-upload-btn{padding:6px 10px;border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);cursor:pointer;font-size:16px;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0}.review-upload-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.review-upload-btn:disabled{opacity:.5;cursor:not-allowed}.review-send-btn{width:36px;height:36px;border-radius:var(--radius-full);border:none;background:var(--color-accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0}.review-send-btn:hover{background:var(--color-accent-hover);transform:scale(1.05)}.review-send-btn:active{transform:scale(.95)}.timecode-attach{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-5) var(--space-2);flex-shrink:0}.timecode-attach-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-family:var(--font-mono);color:var(--color-accent);background:#0071e314;border-radius:var(--radius-sm)}.timecode-attach-remove{cursor:pointer;opacity:.6;transition:opacity var(--duration-fast)}.timecode-attach-remove:hover{opacity:1}.team-empty{text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-text-tertiary)}.team-empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.4}.team-empty h3{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.team-empty p{font-size:var(--font-size-sm)}.group-row{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) var(--ease-out)}.group-row:hover{background:var(--color-bg-secondary)!important}.group-row--scene{background:var(--color-bg-secondary)}.group-row--scene td{padding-top:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-medium)}.group-row--sequence{background:transparent}.group-row--sequence td{padding-top:var(--space-1);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-divider)}.group-toggle{width:28px;text-align:center;padding-left:4px!important;padding-right:0!important}.chevron{display:inline-block;font-size:10px;color:var(--color-text-tertiary);transition:transform var(--duration-fast) var(--ease-out);transform:rotate(0)}.chevron--open{transform:rotate(90deg)}.group-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-right:var(--space-3)}.group-label--seq{font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);color:var(--color-text-secondary);padding-left:4px}.group-label--link,.shot-id-cell--link{cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.group-label--link:hover,.shot-id-cell--link:hover{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.group-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-normal)}.group-status-summary{display:flex;gap:var(--space-3);align-items:center}.group-progress{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-normal);font-variant-numeric:tabular-nums}.shot-row td:first-child{width:48px}.asset-cell{padding:var(--space-2) var(--space-3)!important;min-width:140px}.asset-preview{display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);padding:4px;transition:all var(--duration-fast) var(--ease-out)}.asset-preview--clickable{cursor:pointer}.asset-preview--clickable:hover{background:var(--color-bg-secondary);transform:translateY(-1px)}.asset-thumb{width:52px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.06)}.asset-thumb--empty{background:var(--color-bg-secondary);border:1px solid var(--color-divider);color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.asset-thumb-icon{font-size:14px;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.3)}.asset-info{display:flex;flex-direction:column;gap:2px;min-width:0}.asset-comment-count{font-size:10px;color:var(--color-text-tertiary);white-space:nowrap}.review-asset-preview{width:100%;border-radius:var(--radius-md);overflow:hidden}.review-upload-buttons{display:flex;gap:6px;margin-left:auto}.review-upload-btn{padding:4px 10px;font-size:var(--font-size-xs);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);display:flex;align-items:center;gap:4px}.review-upload-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.review-upload-btn--gallery{border-color:var(--color-accent);color:var(--color-accent)}.review-upload-btn--gallery:hover{background:rgba(var(--color-accent-rgb, 99, 102, 241),.1)}.gallery-picker-backdrop{position:fixed;inset:0;background:#0009;z-index:1100;display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-fast) ease-out}.gallery-picker-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);width:min(90vw,720px);max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.gallery-picker-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.gallery-picker-header h4{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.gallery-picker-grid{padding:16px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.gallery-picker-item{aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast)}.gallery-picker-item:hover{border-color:var(--color-accent);transform:scale(1.03)}.gallery-picker-item img,.gallery-picker-item video{width:100%;height:100%;object-fit:cover}.permissions-panel{padding:24px;height:100%;display:flex;flex-direction:column;gap:20px}.permissions-panel__header h2{margin:0 0 4px;font-size:1.4rem;color:var(--color-text-primary)}.permissions-panel__subtitle{margin:0;font-size:.85rem;color:var(--color-text-secondary)}.permissions-panel__layout{display:flex;gap:20px;flex:1;min-height:0}.permissions-panel__sidebar{width:240px;min-width:240px;display:flex;flex-direction:column;background:var(--color-bg-secondary);border-radius:12px;border:1px solid var(--color-border);overflow:hidden}.permissions-panel__sidebar-header{padding:12px 16px;border-bottom:1px solid var(--color-border)}.permissions-panel__sidebar-header h3{margin:0;font-size:.9rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.permissions-panel__groups-list{flex:1;overflow-y:auto;padding:8px}.permissions-panel__group-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .15s;margin-bottom:4px}.permissions-panel__group-item:hover{background:var(--color-bg-hover)}.permissions-panel__group-item.active{background:var(--color-accent, #3b82f6);color:#fff}.permissions-panel__group-item.active .permissions-panel__group-members{color:#ffffffb3}.permissions-panel__group-info{display:flex;flex-direction:column;gap:2px}.permissions-panel__group-name{font-weight:600;font-size:.9rem}.permissions-panel__group-members{font-size:.75rem;color:var(--color-text-secondary)}.permissions-panel__delete-btn{background:none;border:none;color:var(--color-text-secondary);font-size:1.2rem;cursor:pointer;padding:0 4px;opacity:0;transition:opacity .15s}.permissions-panel__group-item:hover .permissions-panel__delete-btn{opacity:1}.permissions-panel__delete-btn:hover{color:#ef4444}.permissions-panel__new-group{display:flex;padding:8px;border-top:1px solid var(--color-border);gap:4px}.permissions-panel__new-group-input{flex:1;padding:6px 10px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.85rem}.permissions-panel__new-group-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-accent, #3b82f6);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.permissions-panel__new-group-btn:disabled{opacity:.5;cursor:default}.permissions-panel__content{flex:1;display:flex;flex-direction:column;background:var(--color-bg-secondary);border-radius:12px;border:1px solid var(--color-border);overflow:hidden}.permissions-panel__content-header{padding:16px 20px;border-bottom:1px solid var(--color-border)}.permissions-panel__content-header h3{margin:0 0 4px;font-size:1.1rem}.permissions-panel__content-desc{margin:0 0 12px;font-size:.85rem;color:var(--color-text-secondary)}.permissions-panel__tabs{display:flex;gap:4px;background:var(--color-bg-primary);border-radius:8px;padding:3px;width:fit-content}.permissions-panel__tab{padding:6px 16px;border:none;background:none;border-radius:6px;cursor:pointer;font-size:.85rem;color:var(--color-text-secondary);transition:all .15s}.permissions-panel__tab.active{background:var(--color-accent, #3b82f6);color:#fff;font-weight:600}.permissions-panel__blocks{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.permissions-panel__block{border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.permissions-panel__block-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--color-bg-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.permissions-panel__block-header:hover{background:var(--color-bg-hover)}.permissions-panel__block-title{font-weight:600;font-size:.9rem}.permissions-panel__block-toggle{font-size:.8rem;font-weight:500}.permissions-panel__block-toggle.all{color:#22c55e}.permissions-panel__block-toggle.partial{color:#f59e0b}.permissions-panel__block-toggle.none{color:var(--color-text-secondary)}.permissions-panel__block-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 16px;padding:12px 16px}.permissions-panel__perm-item{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer;font-size:.85rem}.permissions-panel__perm-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent, #3b82f6);cursor:pointer}.permissions-panel__perm-label{color:var(--color-text-primary)}.permissions-panel__save-bar{padding:16px 0 0;display:flex;justify-content:flex-end}.permissions-panel__save-btn{padding:10px 24px;background:var(--color-accent, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.permissions-panel__save-btn:hover{filter:brightness(1.1)}.permissions-panel__save-btn:disabled{opacity:.6;cursor:default}.permissions-panel__users-list{flex:1;overflow-y:auto;padding:16px 20px}.permissions-panel__users-hint{margin:0 0 12px;font-size:.85rem;color:var(--color-text-secondary)}.permissions-panel__user-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;margin-bottom:4px}.permissions-panel__user-row:hover{background:var(--color-bg-hover)}.permissions-panel__user-info{display:flex;flex-direction:column;gap:2px}.permissions-panel__user-name{font-weight:500;font-size:.9rem;display:flex;align-items:center;gap:6px}.permissions-panel__admin-badge{font-size:.7rem;padding:1px 6px;background:#f59e0b;color:#000;border-radius:4px;font-weight:700;text-transform:uppercase}.permissions-panel__user-email{font-size:.8rem;color:var(--color-text-secondary)}.permissions-panel__assign-btn{padding:6px 14px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.8rem;cursor:pointer;transition:all .15s}.permissions-panel__assign-btn:hover{border-color:var(--color-accent, #3b82f6);color:var(--color-accent, #3b82f6)}.permissions-panel__assign-btn.assigned{background:var(--color-accent, #3b82f6);color:#fff;border-color:var(--color-accent, #3b82f6)}.permissions-panel__header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.permissions-panel__sim-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;font-size:.85rem;font-weight:500;white-space:nowrap}.permissions-panel__sim-badge.active{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#f59e0b}.permissions-panel__sim-badge.inactive{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#22c55e}.permissions-panel__sim-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;animation:sim-pulse 1.5s ease-in-out infinite}@keyframes sim-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.permissions-panel__sim-exit{background:none;border:none;color:#f59e0b;cursor:pointer;font-size:1rem;padding:0 2px;opacity:.7}.permissions-panel__sim-exit:hover{opacity:1}.permissions-panel__group-actions{display:flex;align-items:center;gap:2px}.permissions-panel__preview-btn{background:none;border:none;font-size:.9rem;cursor:pointer;padding:2px 4px;opacity:0;transition:opacity .15s;border-radius:4px}.permissions-panel__group-item:hover .permissions-panel__preview-btn{opacity:.7}.permissions-panel__preview-btn:hover{opacity:1!important;background:#ffffff1a}.permissions-panel__preview-btn.active{opacity:1!important;background:#f59e0b33}.permissions-panel__invite{padding:20px}.permissions-panel__invite-form{display:flex;flex-direction:column;gap:12px;max-width:400px}.permissions-panel__invite-form .input,.permissions-panel__invite-form select{padding:10px 14px;font-size:.9rem}.permissions-panel__invite-result{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:.9rem;font-weight:500}.permissions-panel__invite-result.success{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.25)}.permissions-panel__invite-result.error{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.prompt-edit-btn{margin-left:8px;font-size:12px;padding:4px 8px;opacity:.8}.prompt-edit-btn:hover{opacity:1}.prompt-edit-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.prompt-edit-modal{background:#fff;color:#1a1a1a;border-radius:12px;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006}.prompt-edit-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.prompt-edit-header h3{margin:0;font-size:18px}.prompt-edit-header .close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:4px 8px}.prompt-edit-header .close-btn:hover{color:#1a1a1a}.prompt-description{padding:12px 20px;margin:0;color:#666;font-size:14px;border-bottom:1px solid #e0e0e0}.prompt-settings{display:flex;gap:16px;padding:12px 20px;background:#f5f5f5;border-bottom:1px solid #e0e0e0;flex-wrap:wrap}.prompt-settings .setting-row{display:flex;align-items:center;gap:8px}.prompt-settings label{font-size:13px;color:#555;white-space:nowrap}.prompt-settings select,.prompt-settings input{padding:6px 10px;border:1px solid #d0d0d0;border-radius:4px;font-size:13px;background:#fff;color:#333}.prompt-settings select{min-width:180px}.prompt-settings input[type=number]{width:80px}.prompt-edit-textarea{flex:1;margin:16px 20px;padding:12px;font-family:monospace;font-size:13px;line-height:1.5;border:1px solid #d0d0d0;border-radius:8px;background:#f8f8f8;color:#1a1a1a;resize:none;min-height:300px}.prompt-edit-textarea:focus{outline:none;border-color:#6366f1}.prompt-edit-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e0e0e0}.prompt-edit-modal .loading{padding:40px;text-align:center;color:#666}.prompt-status{padding:10px 20px;margin:0 20px;border-radius:6px;font-size:14px;text-align:center}.prompt-status.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.prompt-status.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.spe-root{columns:2;column-gap:6px}.spe-section,.spe-mode-toggle,.spe-code-view,.spe-parse-error{break-inside:avoid}.spe-mode-toggle{display:flex;gap:2px;background:var(--color-bg-secondary);border-radius:var(--radius-full, 20px);padding:2px;margin-bottom:4px;width:fit-content}.spe-mode-btn{padding:4px 12px;border:none;border-radius:var(--radius-full, 20px);background:transparent;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;transition:all .15s;font-weight:500}.spe-mode-btn.active{background:var(--color-surface-elevated, var(--color-surface));color:var(--color-text-primary);box-shadow:0 1px 2px #0000001a}.spe-mode-btn:hover:not(.active){color:var(--color-text-primary)}.spe-code-view{position:relative}.spe-code-textarea{width:100%;min-height:120px;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-lg, 8px);background:var(--color-surface);color:var(--color-text-primary);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8rem;line-height:1.5;resize:vertical;tab-size:2;box-sizing:border-box}.spe-code-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e326}.spe-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 8px);margin-bottom:6px;contain:layout style}.spe-section-header{display:flex;align-items:center;gap:6px;padding:.5rem .75rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg, 8px) var(--radius-lg, 8px) 0 0;-webkit-user-select:none;user-select:none}.spe-section-icon{font-size:.8rem;line-height:1}.spe-section-title{font-size:.8rem;font-weight:600;color:var(--color-text-primary);flex:1}.spe-section-source{font-size:.6rem;font-weight:600;padding:.1rem .4rem;border-radius:var(--radius-full, 20px);text-transform:uppercase;letter-spacing:.03em}.spe-source-shot{background:#34c7591f;color:#34c759}.spe-source-sequence{background:#007aff1f;color:#007aff}.spe-source-project{background:#af52de1f;color:#af52de}.spe-source-static{background:#8e8e931f;color:#8e8e93}.spe-source-mixed{background:#ff9f0a1f;color:#ff9f0a}.spe-section-body{padding:0}.spe-field{display:grid;grid-template-columns:110px 1fr;gap:.5rem;padding:.35rem .75rem;border-bottom:1px solid var(--color-divider, var(--color-border));align-items:start;min-width:0}.spe-field:last-child{border-bottom:none}.spe-field-wide{grid-template-columns:1fr;gap:2px}.spe-field-label{font-size:.75rem;color:var(--color-text-tertiary);font-weight:500;padding-top:2px;word-break:break-word}.spe-field-input{width:100%;padding:.3rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-md, 6px);background:var(--color-surface);color:var(--color-text-primary);font-family:inherit;font-size:.8rem;box-sizing:border-box}.spe-field-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e326}.spe-field-textarea{width:100%;padding:.3rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-md, 6px);background:var(--color-surface);color:var(--color-text-primary);font-family:inherit;font-size:.8rem;line-height:1.45;resize:none;overflow:hidden;min-height:0;box-sizing:border-box;word-wrap:break-word;white-space:pre-wrap}.spe-field-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e326}.spe-field-readonly{opacity:.55;cursor:not-allowed;background:var(--color-bg-secondary)}.spe-array-list{display:flex;flex-direction:column;gap:3px}.spe-array-item{display:flex;align-items:flex-start;gap:4px;animation:spe-fade-in .15s ease}@keyframes spe-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.spe-array-item input,.spe-array-item textarea{flex:1;min-width:0}.spe-array-remove{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:.85rem;padding:2px 4px;border-radius:4px;flex-shrink:0;line-height:1}.spe-array-remove:hover{color:#ff453a}.spe-array-add{align-self:flex-start;background:none;border:1px dashed var(--color-border);color:var(--color-text-secondary);cursor:pointer;font-size:.7rem;padding:2px 10px;border-radius:var(--radius-full, 20px);margin-top:2px;transition:all .15s}.spe-array-add:hover{border-color:var(--color-accent);color:var(--color-accent)}.spe-checkbox-row{display:flex;align-items:center;gap:6px;grid-column:1 / -1;white-space:nowrap}.spe-checkbox-row input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-accent)}.spe-checkbox-row label{font-size:.8rem;color:var(--color-text-primary);cursor:pointer}.spe-nested{border-left:2px solid var(--color-border);padding-left:8px;margin-left:0;display:flex;flex-direction:column;gap:0}.spe-field-select{padding:.3rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-md, 6px);background:var(--color-surface);color:var(--color-text-primary);font-size:.8rem;cursor:pointer;width:100%;box-sizing:border-box}.spe-field-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e326}.spe-parse-error{padding:.4rem .75rem;background:#ff453a14;border:1px solid rgba(255,69,58,.25);border-radius:var(--radius-md, 6px);color:#ff453a;font-size:.8rem}.spe-readonly .spe-field-input:focus,.spe-readonly .spe-field-textarea:focus,.spe-readonly .spe-field-select:focus,.spe-readonly .spe-code-textarea:focus{border-color:var(--color-border);box-shadow:none}.spe-readonly .spe-field-input,.spe-readonly .spe-field-textarea,.spe-readonly .spe-field-select{cursor:default;pointer-events:none}.spe-readonly .spe-mode-btn:disabled{opacity:.4;cursor:not-allowed}.grid-splitter{display:flex;flex-direction:column;gap:12px}.grid-splitter-controls{display:flex;align-items:center;gap:12px}.selection-count{margin-left:auto;font-size:13px;color:var(--text-secondary)}.grid-splitter-container{position:relative;display:inline-block;border-radius:12px;overflow:hidden;background:var(--bg-tertiary)}.grid-source-image{display:block;max-width:100%;height:auto;border-radius:12px}.grid-overlay{position:absolute;inset:0;display:grid;gap:2px}.grid-cell{position:relative;border:2px solid rgba(255,255,255,.3);background:transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.grid-cell:hover{background:#ffffff26;border-color:#ffffff80}.grid-cell.selected{background:rgba(var(--accent-rgb),.35);border-color:var(--accent);border-width:3px}.grid-cell.selected:hover{background:rgba(var(--accent-rgb),.45)}.cell-number{position:absolute;top:6px;left:6px;font-size:11px;font-weight:600;color:#fff;background:#00000080;padding:2px 6px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cell-check{font-size:28px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);animation:checkPop .2s ease-out}@keyframes checkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@media(prefers-color-scheme:dark){.grid-cell{border-color:#ffffff40}.grid-cell:hover{border-color:#fff6}}.storyboard-tab{display:flex;flex-direction:column;gap:1.5rem}.storyboard-section{background:var(--color-surface);border-radius:12px;padding:1.25rem;border:1px solid var(--color-border)}.storyboard-section h4{margin:0 0 1rem;color:var(--color-text-primary);font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.storyboard-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.storyboard-section .section-header h4{margin:0}.warning-message{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:.75rem 1rem;color:#ffc107;font-size:.85rem;margin-bottom:1rem}.storyboard-tab .context-options{margin-bottom:1rem;padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px}.storyboard-tab .context-options h5{font-size:.85rem;color:var(--color-text-secondary);margin:0 0 .5rem;font-weight:500}.storyboard-tab .context-options label{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem .3rem 0;cursor:pointer;font-size:.85rem;color:var(--color-text-primary);-webkit-user-select:none;user-select:none}.storyboard-tab .context-options input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}.character-selection{margin-bottom:1rem}.character-selection label{display:block;color:var(--color-text-secondary);font-size:.85rem;margin-bottom:.5rem}.character-chips{display:flex;flex-wrap:wrap;gap:.5rem}.character-chip{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;color:var(--color-text-primary);font-size:.85rem;cursor:pointer;transition:all .15s ease}.character-chip:hover{background:var(--color-bg-hover, var(--color-bg-secondary));border-color:var(--color-border)}.character-chip.selected{background:#0071e326;border-color:var(--color-accent);color:var(--color-text-primary)}.chip-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.reference-section{margin-bottom:1rem}.reference-section label{display:inline-block;color:var(--color-text-secondary);font-size:.85rem;margin-right:.75rem}.selected-refs-preview{display:flex;gap:.5rem;margin-top:.75rem;align-items:center}.ref-thumb{position:relative;width:60px;height:40px;border-radius:6px;overflow:hidden}.ref-thumb img{width:100%;height:100%;object-fit:cover}.ref-remove{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#f44;border:none;border-radius:50%;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.ref-more{color:var(--color-text-secondary);font-size:.85rem}.gallery-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.75rem;max-height:200px;overflow-y:auto;padding:.5rem;background:var(--color-bg-secondary);border-radius:8px}.gallery-thumb{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .15s ease}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-thumb:hover{border-color:var(--color-border)}.gallery-thumb.selected{border-color:var(--color-accent)}.gallery-thumb .selected-overlay{position:absolute;inset:0;background:#0071e366;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}.no-images{color:var(--color-text-secondary);font-size:.85rem;text-align:center;padding:1rem}.generation-settings{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.setting-group{display:flex;align-items:center;gap:.5rem}.setting-group label{font-size:.813rem;color:var(--color-text-secondary);white-space:nowrap}.setting-group select{padding:.375rem .75rem;font-size:.813rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text-primary);cursor:pointer}.setting-group select:focus{outline:none;border-color:var(--color-accent)}.storyboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.storyboard-image{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--color-bg-secondary)}.storyboard-image img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .2s ease}.storyboard-image img:hover{transform:scale(1.02)}.section-actions{display:flex;gap:.75rem;margin-top:1rem}.btn-large{width:100%;padding:.85rem 1.5rem;font-size:1rem}.section-hint{color:var(--color-text-secondary);font-size:.85rem;margin:0 0 1rem}.grid-image-selector{margin-bottom:1rem}.grid-image-selector label{display:block;color:var(--color-text-secondary);font-size:.85rem;margin-bottom:.5rem}.grid-image-list{display:flex;gap:.5rem;flex-wrap:wrap}.grid-image-option{position:relative;width:80px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .15s ease}.grid-image-option img{width:100%;height:100%;object-fit:cover}.grid-image-option span{position:absolute;bottom:2px;right:4px;font-size:11px;color:#fff;background:#0009;padding:1px 5px;border-radius:4px}.grid-image-option:hover{border-color:var(--color-border)}.grid-image-option.selected{border-color:var(--color-accent)}.generation-settings{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0;padding:.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px}.generation-settings .setting-group{display:flex;align-items:center;gap:.5rem}.generation-settings .setting-group label{font-size:.813rem;color:var(--color-text-secondary);white-space:nowrap}.generation-settings .setting-group select{padding:.375rem .75rem;font-size:.813rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text-primary);cursor:pointer}.generation-settings .setting-group select:focus{outline:none;border-color:var(--color-accent)}.upscaled-gallery{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.upscaled-gallery h5{margin:0 0 .75rem;color:var(--color-text-primary);font-size:.95rem}.upscaled-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.upscaled-item{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .15s ease}.upscaled-item:hover{transform:scale(1.02)}.upscaled-item img{width:100%;aspect-ratio:16/9;object-fit:cover}.upscaled-label{position:absolute;bottom:0;left:0;right:0;padding:4px 8px;background:#000000b3;color:#f5f5f7;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt-edit-textarea{width:100%;padding:1rem;border-radius:8px;border:1px solid #e5e5e5;background:#f8f8f8;color:#1a1a1a;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;line-height:1.6;resize:vertical;min-height:200px;transition:border-color .2s}.prompt-edit-textarea:focus{outline:none;border-color:#3b82f6}.prompt-edit-textarea::placeholder{color:#999}.shot-params-tab{padding:2rem;max-width:900px;margin:0 auto}.shot-params-tab .shot-params-header{margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.shot-params-tab .header-top{display:flex;align-items:center;gap:1rem}.shot-params-tab .shot-badge{background:var(--color-accent);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.shot-params-tab h1{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.shot-params-tab .header-meta{display:flex;align-items:center;gap:.5rem}.shot-params-tab .duration-badge{background:var(--color-bg-secondary);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.85rem;color:var(--color-text-secondary)}.shot-params-tab .btn-copy-json{padding:.25rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.8rem;cursor:pointer;transition:all .15s}.shot-params-tab .btn-copy-json:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.shot-params-sections{display:flex;flex-direction:column;gap:1.5rem}.shot-params-tab .section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.shot-params-tab .section h2{font-size:.9rem;font-weight:600;padding:.75rem 1rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);margin:0}.shot-params-tab .section-content{padding:1rem}.shot-params-tab .field-row{display:grid;grid-template-columns:140px 1fr;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--color-divider);cursor:pointer;transition:background .15s}.shot-params-tab .field-row:last-child{border-bottom:none}.shot-params-tab .field-row:hover{background:var(--color-bg-secondary);margin:0 -1rem;padding-left:1rem;padding-right:1rem}.shot-params-tab .field-row label{font-size:.8rem;color:var(--color-text-tertiary);font-weight:500}.shot-params-tab .field-value{font-size:.9rem;color:var(--color-text-primary)}.shot-params-tab .field-value.empty{color:var(--color-text-tertiary);font-style:italic}.shot-params-tab .field-editor{display:flex;flex-direction:column;gap:.5rem}.shot-params-tab .field-editor input,.shot-params-tab .field-editor textarea{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:.5rem .75rem;font-size:.9rem;color:var(--color-text-primary);font-family:inherit;resize:vertical}.shot-params-tab .field-editor input:focus,.shot-params-tab .field-editor textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e326}.shot-params-tab .editor-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem;padding-top:.5rem}.shot-params-tab .btn-save,.shot-params-tab .btn-cancel{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;cursor:pointer;border:none;min-width:90px;white-space:nowrap;transition:background .15s,transform .1s}.shot-params-tab .btn-save{background:var(--color-accent);color:#fff}.shot-params-tab .btn-save:hover{background:var(--color-accent-hover);transform:scale(1.02)}.shot-params-tab .btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.shot-params-tab .btn-cancel{background:var(--color-bg-secondary);color:var(--color-text-primary)}.shot-params-tab .btn-cancel:hover{background:var(--color-bg-tertiary)}.project-spec-card{min-height:100%;padding:var(--space-6);background:var(--color-bg)}.spec-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.spec-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.spec-header .generate-btn{padding:var(--space-3) var(--space-5);background:var(--color-accent);border:none;border-radius:var(--radius-full);color:#fff;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.spec-header .generate-btn:hover:not(:disabled){background:var(--color-accent-hover);transform:scale(1.02)}.spec-header .generate-btn:disabled,.spec-header .generate-btn.loading{opacity:.6;cursor:not-allowed;transform:none}.spec-header-actions{display:flex;align-items:center;gap:var(--space-3)}.spec-header .copy-json-btn{padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.spec-header .copy-json-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.no-spec-message{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-6);text-align:center}.no-spec-message p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.spec-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.spec-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.spec-section.full-width{grid-column:1 / -1}.spec-section h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-2)}.section-fields{display:flex;flex-direction:column;padding:var(--space-3) var(--space-4)}.spec-field{display:grid;grid-template-columns:100px 1fr;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-divider)}.spec-field:last-child{border-bottom:none}.spec-field label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);padding-top:var(--space-1)}.spec-field .text-value,.spec-field .list-value{flex:1;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);word-break:break-word;white-space:pre-wrap}.spec-field .text-value:hover,.spec-field .list-value:hover{background:var(--color-border)}.spec-field .empty{color:var(--color-text-tertiary);font-style:italic}.spec-field .list-value ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.spec-field .list-value li{font-size:var(--font-size-xs);background:var(--color-bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.spec-field .list-value li.more{color:var(--color-text-tertiary);background:transparent;border:none}.spec-field.inline{display:inline-flex;width:calc(50% - var(--space-2))}.spec-field.inline label{width:80px}.field-editor{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.field-editor textarea,.field-editor input{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);box-shadow:0 0 0 3px #0071e326}.field-editor textarea:focus,.field-editor input:focus{outline:none}.field-editor textarea{resize:vertical;line-height:var(--line-height-normal);min-height:80px}.editor-actions{display:flex;gap:var(--space-2)}.editor-actions button{width:28px;height:28px;border-radius:var(--radius-sm);border:none;font-size:.875rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.editor-actions .save-btn{background:var(--color-success);color:#fff}.editor-actions .save-btn:hover{opacity:.9}.editor-actions .cancel-btn{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.editor-actions .cancel-btn:hover{background:var(--color-border-strong)}.toggle-switch{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;flex:1}.toggle-switch input{display:none}.toggle-switch .slider{width:40px;height:24px;background:var(--color-border-strong);border-radius:var(--radius-full);position:relative;transition:background var(--duration-fast) var(--ease-out)}.toggle-switch .slider:before{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.slider{background:var(--color-success)}.toggle-switch input:checked+.slider:before{transform:translate(16px)}.toggle-switch .toggle-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}@media(max-width:900px){.spec-sections{grid-template-columns:1fr}.spec-field{flex-direction:column;align-items:stretch}.spec-field label{width:auto;padding-top:0;margin-bottom:var(--space-1)}.spec-field.inline{width:100%}}.project-setup-view{display:flex;flex-direction:column;height:100%;background:var(--color-bg)}.setup-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.setup-title{display:flex;align-items:baseline;gap:var(--space-4)}.setup-title h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.setup-title .project-name{font-size:var(--font-size-base);color:var(--color-text-secondary)}.setup-actions{display:flex;gap:var(--space-3)}.setup-actions .btn-icon{padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.setup-actions .btn-icon:hover{background:var(--color-border-strong)}.setup-content{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.setup-section{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-6)}.setup-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.section-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0}.synopsis-textarea{width:100%;min-height:280px;padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);resize:vertical;transition:all var(--duration-fast) var(--ease-out)}.synopsis-textarea:focus{outline:none;background:var(--color-surface);border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e326}.synopsis-textarea::placeholder{color:var(--color-text-tertiary)}.char-count{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.char-count .warning{color:var(--color-warning)}.params-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.param-field{display:flex;flex-direction:column;gap:var(--space-2)}.param-field.full-width{grid-column:1 / -1}.param-field span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.param-field input,.param-field select{padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);transition:all var(--duration-fast) var(--ease-out)}.param-field input:focus,.param-field select:focus{outline:none;background:var(--color-surface);border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e326}.param-field select{cursor:pointer}.setup-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--color-surface);border-top:1px solid var(--color-border)}.footer-left{display:flex;align-items:center}.last-saved{font-size:var(--font-size-sm);color:var(--color-success)}.footer-actions{display:flex;gap:var(--space-3)}.setup-footer .btn-secondary{padding:var(--space-3) var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.setup-footer .btn-secondary:hover:not(:disabled){background:var(--color-border-strong)}.setup-footer .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.setup-footer .btn-primary.generate-btn{padding:var(--space-3) var(--space-5);background:var(--color-accent);border:none;border-radius:var(--radius-full);color:#fff;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.setup-footer .btn-primary.generate-btn:hover:not(:disabled){background:var(--color-accent-hover);transform:scale(1.02)}.setup-footer .btn-primary.generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.params-grid{grid-template-columns:1fr}.setup-footer{flex-direction:column;gap:var(--space-3)}.footer-actions{width:100%;flex-direction:column}.footer-actions button{width:100%}}.spec-prompt-modal{width:90%;max-width:800px;max-height:85vh;background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.spec-prompt-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.spec-prompt-modal .modal-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.spec-prompt-modal .close-btn{width:32px;height:32px;border-radius:var(--radius-md);border:none;background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:1.25rem;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.spec-prompt-modal .close-btn:hover{background:var(--color-border-strong)}.spec-prompt-modal .modal-body{flex:1;padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.spec-prompt-modal .hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.spec-prompt-modal .loading-state{text-align:center;padding:var(--space-10);color:var(--color-text-secondary)}.spec-prompt-modal .prompt-editor{flex:1;min-height:350px;padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);resize:vertical}.spec-prompt-modal .prompt-editor:focus{outline:none;background:var(--color-surface);border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e326}.spec-prompt-modal .modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}.spec-prompt-modal .btn-secondary{padding:var(--space-3) var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.spec-prompt-modal .btn-secondary:hover{background:var(--color-border-strong)}.spec-prompt-modal .btn-primary{padding:var(--space-3) var(--space-5);background:var(--color-accent);border:none;border-radius:var(--radius-full);color:#fff;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.spec-prompt-modal .btn-primary:hover:not(:disabled){background:var(--color-accent-hover);transform:scale(1.02)}.spec-prompt-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed}.dashboard-new{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.dashboard-header{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.dashboard-header h1{font-size:1.25rem;font-weight:600;flex:1}.header-stats{display:flex;gap:1rem}.header-stats .stat{color:var(--color-text-secondary);font-size:.875rem}.dashboard-body{display:flex;flex:1;overflow:hidden;position:relative}.sidebar{width:280px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto;transition:width .25s ease,min-width .25s ease;position:relative;flex-shrink:0}.sidebar.collapsed{width:0;min-width:0;overflow:hidden;border-right:none}.sidebar-toggle{position:absolute;top:12px;left:268px;z-index:20;width:24px;height:24px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface-elevated);color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9px;box-shadow:0 1px 4px #0000001a;transition:all .25s ease}.sidebar-toggle:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:scale(1.15)}.sidebar-collapsed .sidebar-toggle{left:8px}.sidebar-section{border-bottom:1px solid var(--color-border);padding:.5rem}.sidebar-section-bottom{margin-top:auto;border-top:1px solid var(--color-border);padding:.5rem}.sidebar-section-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:background .15s;color:var(--color-text-primary)}.sidebar-item:hover{background:var(--color-surface-elevated)}.sidebar-item.active{background:#3b82f626;color:var(--color-accent)}.sidebar-item .icon{font-size:1.25rem}.sidebar-item.small{padding:.5rem 1rem;font-size:.875rem}.sidebar-item .char-nick{color:var(--color-accent);font-size:.75rem;min-width:60px}.sidebar-item.character-item{display:flex;align-items:center;gap:.5rem}.char-sidebar-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.char-sidebar-no-avatar{width:24px;height:24px;border-radius:50%;background:var(--color-surface-elevated);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.character-item .char-nick{flex:1}.sidebar-item .delete-char{opacity:0;font-size:10px;width:18px;height:18px;color:var(--color-text-tertiary);transition:opacity .2s,color .2s}.sidebar-item:hover .delete-char{opacity:.6}.sidebar-item .delete-char:hover{opacity:1;color:var(--color-danger)}.expand-toggle{display:inline-block;font-size:.6rem;color:var(--color-text-tertiary);transition:transform .2s;cursor:pointer;padding:.25rem}.expand-toggle.expanded{transform:rotate(90deg)}.expand-toggle:hover{color:var(--color-text-primary)}.sidebar-scene{margin-left:0}.sidebar-scene .scene-number{min-width:35px;font-weight:600;color:var(--color-accent)}.sidebar-scene .scene-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.sidebar-scene .scene-shots-count{background:var(--color-surface-elevated);padding:.125rem .5rem;border-radius:10px;font-size:.75rem;color:var(--color-text-secondary)}.sidebar-scene .scene-duration{font-size:.7rem;color:var(--color-text-tertiary);min-width:35px;text-align:right}.btn-delete-small{opacity:0;width:18px;height:18px;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;margin-left:auto;transition:all .15s}.sidebar-item:hover .btn-delete-small,.sidebar-shot:hover .btn-delete-small{opacity:1}.btn-delete-small:hover{background:#ff3b3026;color:#ff3b30}.sidebar-shots{margin-left:2.5rem;border-left:2px solid var(--color-border);padding-left:.5rem}.sidebar-shot{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.875rem;color:var(--color-text-secondary);transition:background .15s}.sidebar-shot:hover{background:var(--color-surface-elevated)}.sidebar-shot.active{background:#3b82f626;color:var(--color-accent)}.sidebar-shot .shot-duration{color:var(--color-text-tertiary);font-size:.75rem}.done-badge{display:inline-block;width:16px;height:16px;background:#22c55e;border-radius:50%;margin-left:.25rem;position:relative}.done-badge:before{content:"";position:absolute;left:5px;top:3px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.main-content{flex:1;overflow-y:auto;padding:2rem}.content-panel{max-width:900px;margin:0 auto}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.panel-header h2{font-size:1.5rem;font-weight:600}.panel-actions{display:flex;gap:.5rem}.script-textarea{width:100%;min-height:400px;padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;font-family:SF Mono,Monaco,monospace;font-size:.9rem;line-height:1.6;resize:vertical;color:var(--color-text-primary);margin-bottom:1rem}.script-textarea::placeholder{color:var(--color-text-tertiary)}.script-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.script-actions{text-align:center;padding:2rem 0;margin-top:1rem}.script-actions .hint{margin-top:1rem;color:var(--color-text-secondary);font-size:.875rem}.generation-progress{max-width:400px;margin:0 auto}.progress-bar{height:12px;background:var(--color-surface-elevated);border-radius:6px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),#8b5cf6);border-radius:6px;transition:width .5s ease-out;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.progress-text{font-size:.875rem;color:var(--color-text-secondary);text-align:center}.scene-info{margin-bottom:2rem}.scene-info h4{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.scene-script-text{background:var(--color-surface);padding:1rem;border-radius:8px;border:1px solid var(--color-border);font-family:SF Mono,Monaco,monospace;font-size:.85rem;line-height:1.6;color:var(--color-text-secondary);white-space:pre-wrap;max-height:200px;overflow-y:auto}.scene-script-textarea{width:100%;min-height:200px;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-family:SF Mono,Monaco,monospace;font-size:.85rem;line-height:1.6;color:var(--color-text-primary);resize:vertical}.scene-script-textarea:focus{outline:none;border-color:var(--color-accent)}.scene-actions{display:flex;gap:.75rem;margin-top:1rem}.scene-total-duration{font-size:.875rem;color:var(--color-text-secondary);background:var(--color-surface);padding:.25rem .75rem;border-radius:6px}.scene-shots h4{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.shots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.shot-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s}.shot-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.shot-card-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:600}.shot-synopsis-preview{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:.5rem}.detail-block{margin-bottom:1.5rem}.detail-block h4{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.synopsis-text{color:var(--color-text-primary);line-height:1.6;padding:1rem;background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border)}.detailed-text{font-family:inherit;font-size:.875rem;line-height:1.6;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto;padding:1rem;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-radius:8px;border:1px solid rgba(59,130,246,.1)}.shot-duration-badge{background:var(--color-surface);padding:.25rem .75rem;border-radius:4px;font-size:.875rem;color:var(--color-text-secondary)}.meta-block{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary);padding:1rem;background:var(--color-surface);border-radius:8px}.shot-view{display:flex;flex-direction:column;gap:1rem}.shot-tabs{display:flex;gap:.5rem;border-bottom:2px solid var(--color-border);padding-bottom:0}.shot-tab{padding:.75rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.9rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.shot-tab:hover{color:var(--color-text-primary);background:#3b82f60d}.shot-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-check{color:#22c55e;font-size:.875rem}.shot-tab-content{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:12px;min-height:200px}.tab-panel{padding:1.5rem}.shot-textarea{width:100%;padding:1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text-primary);font-family:inherit;font-size:.9rem;line-height:1.6;resize:vertical}.shot-textarea.large{min-height:250px}.shot-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.prompt-highlight-container{position:relative}.prompt-highlight-backdrop{position:absolute;inset:0;padding:1rem;border:1px solid transparent;border-radius:8px;font-family:inherit;font-size:.9rem;line-height:1.6;color:transparent;white-space:pre-wrap;word-wrap:break-word;overflow:auto;pointer-events:none}.prompt-highlight-backdrop .nickname-highlight{color:transparent;background:#ff980033;border-radius:3px;padding:0 2px}.prompt-highlight-textarea{position:relative;background:transparent!important;z-index:1}.tab-actions{display:flex;gap:.75rem;margin-top:1rem}.description-section{margin-bottom:1.5rem}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.section-header-row h4{margin:0;font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.duration-badge{background:#3b82f61a;color:var(--color-accent);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.shot-section{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.shot-section .section-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#3b82f614,#8b5cf614);border-bottom:1px solid var(--color-border)}.shot-section .section-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff;font-size:.75rem;font-weight:700;border-radius:50%}.shot-section .section-header h3{margin:0;font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.shot-section .section-content{padding:1rem}.section-empty{text-align:center;padding:1.5rem;color:var(--color-text-secondary)}.section-empty p{margin-bottom:1rem}.location-info{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;color:var(--color-text-secondary)}.location-step{margin-bottom:1.5rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.location-step h4{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.75rem}.step-hint{color:var(--color-text-secondary);font-style:italic;font-size:.875rem}.frame-panel h3{margin-bottom:.5rem}.frame-preview-section{margin:1rem 0}.preview-row{display:flex;gap:1.5rem;flex-wrap:wrap}.preview-item{flex:1;min-width:150px}.preview-item label{display:block;font-size:.8rem;color:var(--color-text-secondary);margin-bottom:.5rem}.preview-thumb{width:100%;max-width:200px;height:auto;border-radius:8px;object-fit:cover}.characters-list{display:flex;flex-wrap:wrap;gap:.5rem}.char-badge{display:inline-block;padding:.25rem .5rem;background:var(--color-accent);color:#fff;border-radius:4px;font-size:.8rem;font-weight:500}.char-info{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:.5rem}.char-ref-thumb{width:32px;height:32px;border-radius:50%;object-fit:cover}.char-desc-preview{font-size:.75rem;color:var(--color-text-secondary);flex:1}.no-location,.no-chars{padding:1rem;background:#8080801a;border-radius:8px;color:var(--color-text-secondary);font-style:italic;text-align:center}.location-preview{display:flex;flex-direction:column;gap:.5rem}.characters-preview{flex:2}.btn-small{padding:.375rem .75rem;font-size:.8rem}.characters-selection{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.char-card{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s}.char-card:hover{border-color:var(--color-accent)}.char-card.selected{border-color:var(--color-accent);background:#0071e31a}.selected-chars-preview{margin-top:1rem;padding:.75rem;background:#3b82f61a;border:1px solid var(--color-accent);border-radius:8px}.selected-chars-preview strong{display:block;margin-bottom:.5rem;font-size:.8rem;color:var(--color-text-secondary)}.selected-nicknames{display:flex;flex-wrap:wrap;gap:.5rem}.char-badge.selected{background:var(--color-accent);font-weight:600}.frame-step{margin-bottom:1.5rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.frame-step h4{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.75rem}.frame-prompt-input{width:100%;min-height:100px;resize:vertical}.frame-image-container{margin:1rem 0;position:relative;cursor:pointer}.frame-image{width:100%;max-height:400px;object-fit:cover;border-radius:8px}.gallery-tab{margin-left:auto;border-left:2px solid var(--color-border);padding-left:1rem}.location-image-container{margin-top:1rem}.location-image{width:100%;max-height:400px;object-fit:cover;border-radius:8px;margin-bottom:1rem}.image-settings{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0;padding:.75rem;background:#8080801a;border:1px solid var(--color-border);border-radius:8px}.image-settings .setting-row{display:flex;align-items:center;gap:.5rem}.image-settings label{font-size:.813rem;color:var(--color-text-secondary);white-space:nowrap}.image-settings select{padding:.375rem .75rem;font-size:.813rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text-primary);cursor:pointer}.image-settings select:focus{outline:none;border-color:var(--color-accent)}.location-image-container .btn{display:block;width:fit-content;margin:0 auto}.location-image-container.clickable{cursor:pointer;position:relative}.location-images-grid{display:grid;gap:.5rem;margin-bottom:1rem}.location-images-grid.grid-1{grid-template-columns:1fr}.location-images-grid.grid-2{grid-template-columns:repeat(2,1fr)}.location-images-grid.grid-3{grid-template-columns:repeat(3,1fr)}.location-images-grid.grid-4{grid-template-columns:repeat(2,1fr)}.location-grid-item{position:relative;cursor:pointer;border-radius:8px;overflow:hidden;aspect-ratio:16/9}.location-grid-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.location-grid-item:hover img{transform:scale(1.05)}.grid-item-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.grid-item-overlay span{color:#fff;font-size:.875rem;padding:.5rem 1rem;background:#000000b3;border-radius:4px}.location-grid-item:hover .grid-item-overlay,.location-image-container.clickable:hover .grid-item-overlay{opacity:1}.meta-block strong{color:var(--color-text-tertiary)}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary)}.dashboard-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--color-text-secondary)}.btn-icon{width:28px;height:28px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:var(--color-surface-elevated);color:var(--color-text-primary)}.btn-icon.danger:hover{background:#ff3b301a;color:#ff3b30}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--color-surface);border-radius:16px;padding:2rem;width:90%;max-width:420px;max-height:90vh;overflow-y:auto}.modal h2{margin-bottom:1.5rem}.modal .input{width:100%;padding:.75rem 1rem;margin-bottom:1rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary)}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}.char-image-upload{margin-top:1rem}.char-image-upload .upload-label{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer}.char-image-upload .upload-label>span:first-child{color:var(--color-text-secondary);font-size:.9rem}.char-image-upload .image-preview{position:relative;margin-top:.75rem;border-radius:8px;overflow:hidden;max-width:200px}.char-image-upload .image-preview img{width:100%;height:auto;display:block}.char-image-upload .remove-image{position:absolute;top:4px;right:4px;background:#000000b3;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.char-image-upload .remove-image:hover{background:var(--color-danger)}.btn-sm{padding:.35rem .75rem;font-size:.85rem}.character-modal{max-width:450px}.char-images-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}.char-avatar-section{display:flex;flex-direction:column;align-items:center;gap:.5rem}.char-avatar-section label,.char-reference-section label{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.25rem}.char-avatar-preview{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--color-accent)}.char-no-avatar{width:100px;height:100px;border-radius:50%;background:var(--color-surface-elevated);border:2px dashed var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:2rem}.char-reference-section{flex:1;text-align:center}.char-reference-image{max-width:100%;max-height:250px;border-radius:12px;object-fit:cover;margin-bottom:1rem}.char-no-image{width:200px;height:150px;margin:0 auto 1rem;background:var(--color-surface-elevated);border:2px dashed var(--color-border);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.char-no-image span{font-size:2rem;margin-bottom:.5rem}.char-no-image p{margin:0;font-size:.85rem}.upload-new-image{display:inline-block;cursor:pointer}.new-image-preview{margin-top:.75rem}.new-image-preview img{max-width:150px;max-height:100px;border-radius:8px;border:2px solid var(--color-accent)}.char-desc-section{margin-bottom:1rem}.char-desc-section label{display:block;margin-bottom:.5rem;color:var(--color-text-secondary);font-size:.9rem}.char-desc-section textarea{min-height:80px;resize:vertical}.btn{padding:.5rem 1rem;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#0071e3;color:#fff}.btn-primary:hover{background:#0077ed}.btn-secondary{background:var(--color-surface-elevated);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-border)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{color:var(--color-text-primary)}.btn-lg{padding:1rem 2rem;font-size:1rem}.gallery-panel{display:flex;flex-direction:column;gap:1rem}.gallery-controls{display:flex;justify-content:flex-end;padding:.5rem 0}.favorites-filter{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-text-secondary);font-size:.875rem}.favorites-filter input{cursor:pointer}.gallery-loading,.gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-tertiary)}.gallery-empty .hint{font-size:.8rem;opacity:.7;margin-top:.5rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.gallery-card{position:relative;background:var(--color-bg-secondary);border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.gallery-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.gallery-card img{width:100%;aspect-ratio:1;object-fit:cover;cursor:pointer}.gallery-card-actions{position:absolute;top:4px;right:4px;display:flex;gap:4px;opacity:0;transition:opacity .2s}.gallery-card:hover .gallery-card-actions{opacity:1}.gallery-card .btn-icon{background:#0009;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:1rem;transition:background .2s}.gallery-card .btn-icon:hover{background:#000c}.gallery-card .btn-icon.active{color:gold}.gallery-card .btn-icon.delete:hover{background:#b43c3ccc}.gallery-card-prompt{padding:.5rem;font-size:.75rem;color:var(--color-text-tertiary);background:var(--color-bg-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.edit-modal{background:var(--color-bg-primary);border-radius:12px;padding:1.5rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.edit-modal h3{margin:0 0 1rem;color:var(--color-text-primary)}.edit-modal-content{display:flex;flex-direction:column;gap:1rem}.edit-modal-content img{width:100%;max-height:300px;object-fit:contain;border-radius:0;background:#000}.edit-modal-content textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-primary);resize:vertical;font-family:inherit}.edit-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.edit-characters-section{padding:.5rem 0}.edit-characters-section label{display:block;font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.5rem}.edit-characters-grid{display:flex;gap:.5rem;flex-wrap:wrap}.edit-char-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s;background:var(--color-bg-secondary)}.edit-char-item:hover{border-color:var(--color-accent)}.edit-char-item.selected{border-color:#0071e3;background:#0071e31a}.edit-char-item img{width:48px;height:48px;border-radius:50%;object-fit:cover}.edit-char-item span{font-size:.75rem;color:var(--color-text-secondary)}.fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer;overflow:hidden}.fullscreen-overlay img{max-width:100vw;max-height:100vh;object-fit:contain;cursor:pointer;border-radius:0}.fullscreen-close{position:absolute;top:1.5rem;right:1.5rem;width:48px;height:48px;background:#ffffff26;border:none;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;z-index:2001}.fullscreen-close:hover{background:#ffffff4d;transform:scale(1.1)}.project-gallery-view{padding:1.5rem}.project-gallery-view h2{margin:0 0 1.5rem;font-size:1.5rem;color:var(--color-text-primary)}.project-gallery-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.5rem;padding:1rem;background:var(--color-bg-secondary);border-radius:12px;border:1px solid var(--color-border)}.project-gallery-filters select{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:.875rem;min-width:150px}.project-gallery-filters select:disabled{opacity:.5;cursor:not-allowed}.favorites-filter{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer}.favorites-filter input[type=checkbox]{width:18px;height:18px;cursor:pointer}.project-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gallery-card-badge{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;background:#000000bf;color:#fff;font-size:.7rem;font-weight:600;border-radius:4px;z-index:5}.shotplan-panel h4{margin:0 0 .5rem;color:var(--color-text)}.shotplan-panel .help-text{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:1.5rem}.shotplan-section{background:#ffffff08;border-radius:12px;padding:1.25rem;border:1px solid rgba(255,255,255,.06);margin-bottom:1.5rem}.shotplan-section h4{margin:0 0 1rem;color:#1d1d1f;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.shotplan-section>label{display:block;font-weight:600;margin-bottom:.75rem;color:var(--color-text)}.shotplan-source-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.shotplan-source-header label{font-weight:600;color:var(--color-text);margin:0}.shotplan-source-actions{display:flex;gap:.5rem;align-items:center}.shotplan-images-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.shotplan-image-option{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid var(--color-border);transition:all .2s}.shotplan-image-option:hover{border-color:var(--color-accent);transform:scale(1.02)}.shotplan-image-option.selected{border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e34d}.shotplan-image-option img{width:100%;height:100%;object-fit:cover}.shotplan-image-option .selected-overlay{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;background:var(--color-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.shotplan-characters{display:flex;flex-wrap:wrap;gap:.75rem}.shotplan-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border);display:flex;gap:1rem;flex-wrap:wrap}.shotplan-result{margin-top:1.5rem;padding:1rem;background:var(--color-surface);border-radius:12px}.shotplan-result h5{margin:0 0 1rem;color:var(--color-text)}.shotplan-result-grid{display:flex;flex-wrap:wrap;gap:1rem}.shotplan-result-item{position:relative;cursor:pointer;border-radius:8px;overflow:hidden;max-width:500px}.shotplan-result-item:hover .shotplan-result-overlay{opacity:1}.shotplan-result-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;font-weight:600;opacity:0;transition:opacity .2s}.shotplan-result-image{width:100%;max-width:500px;border-radius:8px;cursor:pointer;transition:transform .2s;display:block}.shotplan-result-image:hover{transform:scale(1.02)}.no-images{grid-column:1 / -1;text-align:center;color:var(--color-text-secondary);padding:2rem;background:var(--color-surface);border-radius:8px}.shotplan-settings-row{display:flex;gap:1.5rem;flex-wrap:wrap}.shotplan-settings-row .setting-item{display:flex;align-items:center;gap:.5rem}.shotplan-settings-row .setting-item span{color:var(--color-text-secondary);font-size:.9rem}.shotplan-settings-row .setting-item select{padding:.4rem .8rem;border-radius:6px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer}.shotplan-panel{padding:1rem}.edit-modal-image{max-height:60vh;overflow:hidden;border-radius:8px;margin-bottom:1rem}.edit-modal-image img{width:100%;height:auto;max-height:60vh;object-fit:contain}.modal-textarea{width:100%;padding:1rem;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:.95rem;resize:vertical;margin-bottom:1rem}.video-tab{padding:1.5rem}.video-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.video-form h3{margin:0 0 1.5rem;font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.frame-selection{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.frame-select{flex:1;position:relative}.frame-select label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.5rem}.frame-preview{width:100%;aspect-ratio:16/9;background:var(--color-surface-elevated);border:2px dashed var(--color-border);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;overflow:hidden}.frame-preview:hover{border-color:var(--color-accent);background:#3b82f60d}.frame-preview.has-image{border-style:solid;border-color:var(--color-accent)}.frame-preview img{width:100%;height:100%;object-fit:cover}.frame-preview span{color:var(--color-text-tertiary);font-size:.9rem}.frame-arrow{font-size:1.5rem;color:var(--color-text-tertiary);flex-shrink:0}.frame-select .clear-btn{position:absolute;top:2rem;right:.5rem;width:24px;height:24px;border-radius:50%;background:var(--color-danger);color:#fff;border:none;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.prompt-section{margin-bottom:1.5rem}.prompt-section label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.5rem}.prompt-row{display:flex;gap:1rem}.prompt-row textarea{flex:1;padding:1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-elevated);color:var(--color-text-primary);font-family:inherit;font-size:.9rem;resize:vertical}.prompt-row textarea:focus{outline:none;border-color:var(--color-accent)}.generate-prompt-btn{padding:.75rem 1.25rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;white-space:nowrap;transition:all .2s}.generate-prompt-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.generate-prompt-btn:disabled{opacity:.6;cursor:not-allowed}.video-settings{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.video-settings .setting{display:flex;flex-direction:column;gap:.5rem}.video-settings .setting label{font-size:.8rem;color:var(--color-text-secondary)}.video-settings .setting select{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-elevated);color:var(--color-text-primary);font-size:.875rem}.video-settings .setting.checkbox label{flex-direction:row;display:flex;align-items:center;gap:.5rem;cursor:pointer}.video-settings .setting.checkbox input{width:18px;height:18px}.generate-video-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--color-accent),#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.generate-video-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.generate-video-btn:disabled{opacity:.5;cursor:not-allowed}.videos-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem}.videos-section h3{margin:0 0 1.5rem;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.videos-section .loading,.videos-section .empty{text-align:center;padding:2rem;color:var(--color-text-secondary)}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.video-card{position:relative;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s}.video-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.video-card video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.video-card .video-info{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(transparent,#000c);display:flex;gap:.5rem;font-size:.75rem;color:#fff}.video-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.video-modal{background:var(--color-surface);border-radius:16px;max-width:900px;width:100%;overflow:hidden}.video-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.video-modal-header span{font-weight:600}.video-modal-header button{width:32px;height:32px;border-radius:50%;border:none;background:var(--color-surface-elevated);color:var(--color-text-primary);cursor:pointer;font-size:1rem}.video-modal-info{padding:1rem 1.5rem}.video-modal-info p{margin:0 0 .5rem;color:var(--color-text-primary)}.video-modal-info span{font-size:.875rem;color:var(--color-text-secondary)}.video-step{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.video-step .step-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.video-step .step-number{width:28px;height:28px;background:linear-gradient(135deg,var(--color-accent),#8b5cf6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.video-step h4{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.video-step .step-description{margin:0 0 1rem;color:var(--color-text-secondary);font-size:.875rem}.prompt-display{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.prompt-display textarea{width:100%;padding:1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text-primary);font-family:inherit;font-size:.9rem;resize:vertical;margin-bottom:.75rem}.prompt-display textarea:focus{outline:none;border-color:var(--color-accent)}.prompt-display .prompt-actions{display:flex;gap:.75rem}.prompt-display .no-prompt{text-align:center;padding:1.5rem}.prompt-display .no-prompt p{margin:0 0 1rem;color:var(--color-text-secondary)}.prompt-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.prompt-modal{background:var(--color-surface);border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.prompt-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#3b82f61a,#8b5cf61a)}.prompt-modal-header h3{margin:0;font-size:1.1rem;font-weight:600}.prompt-modal-header button{width:32px;height:32px;border-radius:50%;border:none;background:var(--color-surface-elevated);color:var(--color-text-primary);cursor:pointer;font-size:1rem;transition:all .2s}.prompt-modal-header button:hover{background:var(--color-danger);color:#fff}.prompt-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.prompt-field{margin-bottom:1.25rem}.prompt-field:last-child{margin-bottom:0}.prompt-field label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.prompt-field textarea{width:100%;padding:1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-elevated);color:var(--color-text-primary);font-family:inherit;font-size:.9rem;line-height:1.5;resize:vertical;transition:border-color .2s}.prompt-field textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.prompt-field textarea::placeholder{color:var(--color-text-tertiary)}.prompt-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-surface-elevated)}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-accent),#8b5cf6);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.75rem 1.5rem;background:var(--color-surface-elevated);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--color-surface);border-color:var(--color-accent)}.gallery-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 0;margin-top:.5rem}.gallery-pagination .pagination-info{color:var(--color-text-secondary);font-size:.875rem;min-width:120px;text-align:center}.gallery-pagination .btn-sm{padding:.25rem .75rem;font-size:.8rem}.gallery-count{color:var(--color-text-secondary);font-size:.85rem;margin-left:auto}.filter-select{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;padding:.35rem .5rem;font-size:.85rem}.simulation-bar{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a1a2e;padding:0;box-shadow:0 2px 12px #f59e0b66;animation:simulation-bar-slide-in .3s ease-out}@keyframes simulation-bar-slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.simulation-bar__content{max-width:1200px;margin:0 auto;padding:8px 20px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:.9rem;font-weight:500}.simulation-bar__icon{font-size:1.1rem}.simulation-bar__text strong{font-weight:700;text-decoration:underline;text-underline-offset:2px}.simulation-bar__exit{background:#1a1a2e33;border:1px solid rgba(26,26,46,.3);color:#1a1a2e;padding:4px 14px;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s;margin-left:8px}.simulation-bar__exit:hover{background:#1a1a2e59}body:has(.simulation-bar) .app-layout,body:has(.simulation-bar) .project-layout{margin-top:40px}.generation-queue-panel{position:fixed;bottom:1rem;right:1rem;width:320px;max-height:400px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 20px #0000004d;z-index:1000;overflow:hidden}.generation-queue-panel.minimized{max-height:auto}.queue-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);cursor:pointer}.queue-title{font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.pulse{color:var(--color-accent);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.active-count{background:var(--color-accent);color:#fff;padding:.1rem .4rem;border-radius:10px;font-size:.75rem}.minimize-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem}.queue-content{max-height:320px;overflow-y:auto}.queue-filter{padding:.5rem 1rem;border-bottom:1px solid var(--color-border);font-size:.8rem;color:var(--color-text-secondary)}.queue-filter label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.queue-empty{padding:2rem 1rem;text-align:center;color:var(--color-text-tertiary)}.queue-list{padding:.5rem}.queue-item{padding:.75rem;border-radius:8px;margin-bottom:.5rem;background:var(--color-bg-primary);border:1px solid var(--color-border)}.queue-item.status-running{border-color:var(--color-accent)}.queue-item.status-completed{opacity:.7}.queue-item.status-error{border-color:#e74c3c;background:#e74c3c1a}.task-info{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.task-location{font-weight:600;color:var(--color-text-primary)}.task-type{color:var(--color-text-secondary);flex:1}.task-status{font-size:1rem}.progress-bar{height:4px;background:var(--color-bg-tertiary);border-radius:2px;margin-top:.5rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),#10b981);border-radius:2px;transition:width .3s ease}.task-cancel-btn{background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:.2rem .4rem;font-size:.9rem;border-radius:4px;margin-left:auto;transition:all .2s}.task-cancel-btn:hover{background:#e74c3c33;color:#e74c3c}.profile-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200}.profile-modal{background:var(--color-surface);border-radius:16px;padding:2rem;width:90%;max-width:420px;max-height:90vh;overflow-y:auto}.profile-modal h2{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem}.profile-avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;cursor:pointer;position:relative;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;transition:transform .2s}.profile-avatar:hover{transform:scale(1.05)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-initial{font-size:2rem;font-weight:700;color:#fff}.profile-avatar-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;font-size:1.5rem;opacity:0;transition:opacity .2s}.profile-avatar:hover .profile-avatar-overlay{opacity:1}.profile-fields{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.profile-field label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.35rem}.profile-field .input{width:100%;padding:.65rem .85rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-elevated, var(--color-surface));color:var(--color-text-primary);font-size:.9rem;box-sizing:border-box}.profile-field .input:disabled{opacity:.5;cursor:not-allowed}.profile-field .input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e31f}.profile-field select.input{cursor:pointer}.profile-actions{display:flex;gap:.75rem;justify-content:flex-end}