:root{--transition-speed: .2s}[data-theme=dark]{--bg-primary: #09090b;--bg-secondary: #18181b;--bg-tertiary: #27272a;--bg-accent: #9333ea;--bg-accent-hover: #7e22ce;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-accent: #c084fc;--border-color: #27272a;--hover-bg: #27272a}[data-theme=blue]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-accent: #3b82f6;--bg-accent-hover: #2563eb;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-accent: #60a5fa;--border-color: #334155;--hover-bg: #334155}[data-theme=light]{--bg-primary: #fafafa;--bg-secondary: #ffffff;--bg-tertiary: #f3f4f6;--bg-accent: #9333ea;--bg-accent-hover: #7e22ce;--text-primary: #1f2937;--text-secondary: #6b7280;--text-accent: #9333ea;--border-color: #d1d5db;--hover-bg: #f9fafb}[data-theme=purple]{--bg-primary: #1a0b2e;--bg-secondary: #2d1b4e;--bg-tertiary: #3f2b5c;--bg-accent: #a855f7;--bg-accent-hover: #9333ea;--text-primary: #faf5ff;--text-secondary: #c4b5fd;--text-accent: #d8b4fe;--border-color: #3f2b5c;--hover-bg: #3f2b5c}.theme-bg-primary{background-color:var(--bg-primary)!important}.theme-bg-secondary{background-color:var(--bg-secondary)!important}.theme-bg-tertiary{background-color:var(--bg-tertiary)!important}.theme-bg-accent{background-color:var(--bg-accent)!important;color:#fff!important}.theme-bg-accent:hover{background-color:var(--bg-accent-hover)!important}.theme-text-primary{color:var(--text-primary)!important}.theme-text-secondary{color:var(--text-secondary)!important}.theme-text-accent{color:var(--text-accent)!important}.theme-border{border-color:var(--border-color)!important}.theme-hover:hover{background-color:var(--hover-bg)!important}.theme-placeholder::placeholder{color:var(--text-secondary)!important;opacity:.6}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-speed),color var(--transition-speed)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--hover-bg)}.theme-color-0{background-color:var(--bg-primary)}.theme-color-1{background-color:var(--bg-secondary)}.theme-color-2{background-color:var(--bg-accent)}.three-column-layout{display:grid;grid-template-columns:var(--left-width, 280px) 4px minmax(300px,1fr) 4px var(--right-width, 320px);height:100%;width:100%;overflow:hidden;background-color:var(--bg-primary)}.tcl-left-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tcl-center-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:transparent;position:relative}.tcl-right-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:var(--bg-secondary);border-left:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tcl-resizer{width:12px;margin:0 -4px;background-color:transparent;cursor:col-resize;z-index:10;position:relative;display:flex;justify-content:center;align-items:center;transition:all .2s}.tcl-resizer:after{content:"";width:2px;height:100%;background-color:transparent;transition:background-color .2s,transform .2s}.tcl-resizer:hover:after,.tcl-resizer:active:after{background-color:var(--bg-accent, rgb(139, 92, 246));transform:scaleX(2)}.tcl-panel-header{height:48px;min-height:48px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--border-color);font-weight:500;font-size:14px;color:var(--text-primary)}.tcl-panel-content{flex:1;overflow-y:auto;padding:16px}.tcl-panel-content::-webkit-scrollbar{width:6px;height:6px}.tcl-panel-content::-webkit-scrollbar-track{background:transparent}.tcl-panel-content::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.tcl-panel-content::-webkit-scrollbar-thumb:hover{background:var(--hover-bg)}.comic-editor{display:flex;flex-direction:column;height:100vh}.comic-editor-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-color, rgba(255,255,255,.1))}.comic-tab-bar{display:flex;gap:.25rem;padding:0 1.5rem;border-bottom:1px solid var(--border-color, rgba(255,255,255,.1));overflow-x:auto}.comic-tab{display:flex;align-items:center;gap:.375rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary, #9ca3af);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all .2s ease;background:none;border-top:none;border-left:none;border-right:none}.comic-tab:hover:not(.disabled){color:var(--text-primary, #e5e7eb);background:#8b5cf60d}.comic-tab.active{color:#8b5cf6;border-bottom-color:#8b5cf6;background:#8b5cf614}.comic-tab.disabled{opacity:.4;cursor:not-allowed}.comic-editor-content{flex:1;overflow:hidden}.script-panel{display:flex;height:100%}.script-sidebar{width:280px;min-width:280px;border-right:1px solid var(--border-color, rgba(255,255,255,.1));display:flex;flex-direction:column;overflow:hidden}.script-sidebar-header{padding:1rem;border-bottom:1px solid var(--border-color, rgba(255,255,255,.1));display:flex;align-items:center;justify-content:space-between}.script-sidebar-list{flex:1;overflow-y:auto;padding:.5rem}.episode-item{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border-radius:.625rem;cursor:pointer;transition:all .15s ease;font-size:.875rem;margin-bottom:.25rem}.episode-item:hover{background:#8b5cf614}.episode-item.active{background:#8b5cf626;color:#8b5cf6}.episode-item .episode-status{width:6px;height:6px;border-radius:50%;flex-shrink:0}.episode-item .episode-status.draft{background:#6b7280}.episode-item .episode-status.parsed{background:#3b82f6}.episode-item .episode-status.calibrated{background:#10b981}.script-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.script-main-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, rgba(255,255,255,.1));display:flex;align-items:center;justify-content:space-between;gap:1rem}.script-main-content{flex:1;overflow-y:auto;padding:1.5rem}.script-textarea{width:100%;min-height:200px;padding:1rem;border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:.75rem;background:var(--bg-secondary, rgba(0,0,0,.2));color:inherit;font-size:.875rem;line-height:1.75;resize:vertical;outline:none;transition:border-color .2s;font-family:inherit}.script-textarea:focus{border-color:#8b5cf6}.script-textarea::placeholder{color:var(--text-secondary, #6b7280)}.shot-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.shot-card{padding:1rem;border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:.75rem;background:var(--bg-secondary, rgba(0,0,0,.2));transition:border-color .2s,box-shadow .2s;cursor:pointer}.shot-card:hover{border-color:#8b5cf64d;box-shadow:0 0 0 1px #8b5cf61a}.shot-card.selected{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.shot-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.shot-index{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:.375rem;background:#8b5cf626;color:#8b5cf6}.shot-camera-info{display:flex;gap:.375rem;flex-wrap:wrap;margin-top:.5rem}.shot-tag{font-size:.6875rem;padding:.125rem .375rem;border-radius:.25rem;background:#ffffff0f}.character-panel{padding:1.5rem;overflow-y:auto;height:100%}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.character-card{padding:1.25rem;border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:.875rem;background:var(--bg-secondary, rgba(0,0,0,.2));transition:all .2s}.character-card:hover{border-color:#8b5cf64d;transform:translateY(-1px)}.character-avatar{width:56px;height:56px;border-radius:1rem;background:linear-gradient(135deg,#8b5cf633,#ec489933);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.character-avatar img{width:100%;height:100%;object-fit:cover;border-radius:1rem}.scene-panel{padding:1.5rem;overflow-y:auto;height:100%}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.scene-card{border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:.875rem;overflow:hidden;background:var(--bg-secondary, rgba(0,0,0,.2));transition:all .2s}.scene-card:hover{border-color:#3b82f64d;transform:translateY(-1px)}.scene-card-image{width:100%;height:160px;background:linear-gradient(135deg,#3b82f61a,#10b9811a);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.scene-card-image img{width:100%;height:100%;object-fit:cover}.scene-card-body{padding:1rem}.parse-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:.625rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #8b5cf640}.parse-button:hover:not(:disabled){box-shadow:0 4px 20px #8b5cf666;transform:translateY(-1px)}.parse-button:disabled{opacity:.5;cursor:not-allowed}.comic-form-section{margin-bottom:1.5rem}.comic-form-label{display:block;font-size:.8125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-secondary, #9ca3af)}.comic-form-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:.5rem;background:var(--bg-secondary, rgba(0,0,0,.2));color:inherit;font-size:.8125rem;outline:none;transition:border-color .2s}.comic-form-input:focus{border-color:#8b5cf6}.comic-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;text-align:center}.comic-empty-icon{width:5rem;height:5rem;border-radius:1.5rem;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);display:flex;align-items:center;justify-content:center}@keyframes comic-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.comic-fade-in{animation:comic-fade-in .3s ease}.comic-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.comic-modal{width:100%;max-width:32rem;max-height:80vh;overflow-y:auto;padding:1.5rem;border-radius:1rem;border:1px solid var(--border-color, rgba(255,255,255,.1));box-shadow:0 24px 48px #0000004d}.script-sidebar-list::-webkit-scrollbar,.script-main-content::-webkit-scrollbar,.character-panel::-webkit-scrollbar,.scene-panel::-webkit-scrollbar{width:4px}.script-sidebar-list::-webkit-scrollbar-track,.script-main-content::-webkit-scrollbar-track,.character-panel::-webkit-scrollbar-track,.scene-panel::-webkit-scrollbar-track{background:transparent}.script-sidebar-list::-webkit-scrollbar-thumb,.script-main-content::-webkit-scrollbar-thumb,.character-panel::-webkit-scrollbar-thumb,.scene-panel::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:2px}.script-sidebar-list::-webkit-scrollbar-thumb:hover,.script-main-content::-webkit-scrollbar-thumb:hover,.character-panel::-webkit-scrollbar-thumb:hover,.scene-panel::-webkit-scrollbar-thumb:hover,.director-shot-list::-webkit-scrollbar-thumb:hover,.director-properties::-webkit-scrollbar-thumb:hover,.sclass-panel::-webkit-scrollbar-thumb:hover{background:#8b5cf666}.director-panel{height:100%;overflow:hidden}.director-shot-list{overflow-y:auto}.director-shot-list::-webkit-scrollbar,.director-properties::-webkit-scrollbar,.sclass-panel::-webkit-scrollbar{width:4px}.director-shot-list::-webkit-scrollbar-track,.director-properties::-webkit-scrollbar-track,.sclass-panel::-webkit-scrollbar-track{background:transparent}.director-shot-list::-webkit-scrollbar-thumb,.director-properties::-webkit-scrollbar-thumb,.sclass-panel::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:2px}.director-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.director-list{display:flex;flex-direction:column;gap:.5rem}.director-list .director-shot-card{flex-direction:row;gap:.75rem}.director-list .director-shot-thumb{width:80px;min-width:80px;height:60px}.director-shot-card{display:flex;flex-direction:column;border:1px solid var(--border-color, rgba(255,255,255,.08));border-radius:.625rem;overflow:hidden;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary, rgba(0,0,0,.15))}.director-shot-card:hover{border-color:#8b5cf64d;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.director-shot-card.selected{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633,0 4px 12px #8b5cf61a}.director-shot-thumb{width:100%;height:120px;background:linear-gradient(135deg,#1e1e28cc,#14141ecc);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}.director-shot-thumb img{width:100%;height:100%;object-fit:cover}.director-shot-info{padding:.5rem .625rem;min-width:0}.director-properties{background:var(--bg-secondary, rgba(0,0,0,.1));overflow-y:auto}.preset-select-group{display:flex;flex-direction:column;gap:.25rem}.preset-select-group select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%239ca3af' viewBox='0 0 24 24'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;padding-right:1.5rem}.sclass-panel{padding:1.5rem;overflow-y:auto;height:100%}.sclass-group-card{border:1px solid var(--border-color, rgba(255,255,255,.08));border-radius:.875rem;overflow:hidden;background:var(--bg-secondary, rgba(0,0,0,.15));transition:border-color .2s}.sclass-group-card:hover{border-color:#eab30833}.theme-border{border-color:var(--border-color, rgba(255,255,255,.1))}