@import"https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&display=swap";:root{--bg: #f3f6fb;--panel: #ffffff;--accent: #2563eb;--accent-2: #0891b2;--text: #0f172a;--muted: #64748b;--border: #dbe3ef;font-family:Figtree,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);min-height:100vh}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 10%,rgba(37,99,235,.08),transparent 36%),radial-gradient(circle at 90% 0%,rgba(8,145,178,.08),transparent 34%),var(--bg)}button{font:inherit}.app-shell{min-height:100vh}.main-area{padding:14px 16px 28px}.brand{font-weight:700;letter-spacing:.2px}.top-strip{border:1px solid var(--border);border-radius:14px;background:var(--panel);padding:12px;margin-bottom:14px;box-shadow:0 8px 22px #0f172a0d;display:flex;flex-direction:column;gap:10px}.top-strip-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.mode-tabs{display:inline-flex;border:1px solid var(--border);border-radius:10px;padding:3px;background:var(--panel)}.mode-tab{border:0;background:transparent;border-radius:7px;padding:6px 14px;color:var(--muted);cursor:pointer;font-weight:600}.mode-tab.active{background:linear-gradient(135deg,#2563eb24,#0891b224);color:var(--text)}.top-strip-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.video-import{display:flex;align-items:center;gap:8px}.progress-drawer{position:fixed;right:0;top:0;height:100vh;width:min(460px,calc(100vw - 48px));z-index:30;transform:translate(100%);transition:transform .2s ease;pointer-events:none}.progress-drawer.open{transform:translate(0)}.progress-pane{height:100%;border-left:1px solid var(--border);background:#fffffffa;padding:12px;display:flex;flex-direction:column;gap:8px;overflow:auto;pointer-events:auto}.progress-fab{position:fixed;right:16px;bottom:16px;z-index:29;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);padding:8px 12px;cursor:pointer}.progress-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.progress-title{font-weight:700}.progress-row{display:grid;grid-template-columns:1.5fr auto auto;gap:10px;align-items:start;border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:#f9fbff}.progress-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-details{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35;white-space:pre-wrap;min-height:180px;max-height:min(52vh,460px);overflow:auto}.progress-status{font-size:12px;text-transform:uppercase;letter-spacing:.4px}.status-queued{color:var(--muted)}.status-uploading{color:#2563eb}.status-done{color:#15803d}.status-error{color:#dc2626}.progress-meta{font-size:12px;color:var(--muted);text-align:right}.primary-btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;color:#fff;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:600;box-shadow:0 10px 24px #2563eb2e}.ghost-btn{background:#fff;border:1px solid var(--border);color:var(--text);padding:10px 16px;border-radius:10px;cursor:pointer}.primary-btn:disabled,.ghost-btn:disabled,.icon-btn:disabled{opacity:.45;cursor:not-allowed}.author-layout{display:grid;grid-template-columns:minmax(240px,34%) minmax(0,66%);gap:12px;height:calc(100vh - 220px);min-height:0}.author-pane{border:1px solid var(--border);border-radius:14px;background:var(--panel);padding:10px;min-height:0;height:100%}.author-pane-left{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.author-pane-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.author-pane-title{font-weight:700}.scene-tile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#0f172a #d5dde9}.scene-tile-list::-webkit-scrollbar{width:10px}.scene-tile-list::-webkit-scrollbar-track{background:#d5dde9;border-radius:99px}.scene-tile-list::-webkit-scrollbar-thumb{background:#0f172a;border-radius:99px;border:2px solid #d5dde9}.scene-tile{width:100%;border:1px solid var(--border);border-radius:12px;background:#fff;padding:6px;cursor:pointer;text-align:left}.scene-tile.active{border-color:#60a5fa;box-shadow:0 0 0 2px #2563eb24}.scene-tile-thumb{position:relative;border-radius:9px;overflow:hidden;border:1px solid var(--border);background:#f8fafc;aspect-ratio:4 / 3;min-height:0;display:flex;align-items:center;justify-content:center}.scene-tile-thumb img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}.scene-tile-download{position:absolute;top:6px;right:6px;opacity:0;pointer-events:none;background:#0f172ae0;border-color:#ffffff38;color:#f8fafc;transition:opacity .15s ease}.scene-tile:hover .scene-tile-download,.scene-tile:focus-within .scene-tile-download{opacity:1;pointer-events:auto}.scene-tile-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px}.scene-tile-row{margin-top:6px;display:flex;justify-content:space-between;align-items:center;gap:8px}.scene-tile-name{font-weight:600}.scene-tile-actions{display:flex;align-items:center;gap:5px}.author-pane-right{overflow:auto}.author-right-stack{display:flex;flex-direction:column;gap:10px}.author-right-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:12px;background:#f8fafc;padding:8px 10px}.author-right-controls{display:flex;align-items:center;gap:8px}.author-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.author-card-title{font-weight:700;margin-bottom:2px}.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 24px #0f172a0d}.icon-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.icon-btn svg{width:15px;height:15px;fill:currentColor}.icon-btn:hover:not(:disabled){color:var(--text);border-color:#93a7c2}.icon-btn.danger:hover:not(:disabled){color:#dc2626;border-color:#fecaca}.input,.textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--text)}.textarea{min-height:74px;resize:vertical}.message-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.audio-play-btn{padding:4px 10px;border-radius:8px;font-size:12px;line-height:1.2}.image-upload{border:1px dashed var(--border);border-radius:10px;padding:10px;background:#f8fafc;display:flex;flex-direction:column;gap:10px}.canvas-wrapper{position:relative;border-radius:10px;overflow:hidden;background:#f8fafc;border:1px solid var(--border)}.canvas-wrapper img{width:100%;display:block}.canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.rectangle{position:absolute;border:2px solid var(--accent);background:#2563eb14;box-shadow:0 0 0 1px #2563eb40;cursor:move}.previous-text-author-rect{border:2px dashed #f59e0b;background:#f59e0b2e;color:#7c2d12;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;text-align:center;padding:6px}.handle{position:absolute;width:12px;height:12px;background:var(--accent);border-radius:50%;right:-6px;bottom:-6px;cursor:se-resize;box-shadow:0 2px 8px #00000040}.text-rectangle{position:absolute;border:2px dashed #0ea5e9;background:#0ea5e914;padding:6px;display:flex}.previous-text-preview-rectangle{position:absolute;border:2px dashed #f59e0b;background:#f59e0b2e;border-radius:8px;padding:8px;pointer-events:none;overflow:hidden}.previous-text-preview-content{width:100%;height:100%;overflow:auto;color:#7c2d12;font-size:13px;white-space:pre-wrap}.preview-layout{display:flex;flex-direction:column;height:calc(100vh - 210px);min-height:0;overflow:hidden}.preview-panel{display:flex;justify-content:center;align-items:center;min-height:0;overflow:auto;padding:10px 0}.preview-card{width:min(720px,100%);max-height:100%;overflow:auto}.preview-image{width:100%;border-radius:12px;border:1px solid var(--border);max-height:calc(100vh - 300px);object-fit:contain}.preview-actions{display:flex;justify-content:flex-end}.feedback{margin-top:8px;padding:8px 10px;border-radius:10px;background:#2563eb1a;color:#1d4ed8;font-weight:600}.small-muted{color:var(--muted);font-size:12px}.chat-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;height:100%;min-height:0;overflow:hidden}.chat-header{font-weight:700}.chat-log{flex:1;overflow:auto;border:1px solid var(--border);border-radius:10px;padding:8px;background:#f8fafc}.chat-line{margin-bottom:8px;padding:6px 8px;border-radius:8px}.chat-user{background:#2563eb1a}.chat-assistant{background:#10b9811f}.chat-system{background:#94a3b824;color:var(--muted)}.chat-input{display:flex;gap:8px}.chat-input .input{flex:1}.video-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:60}.video-modal{width:min(1100px,100%);max-height:88vh;overflow:auto;border-radius:14px;border:1px solid var(--border);background:#fff;padding:12px;display:flex;flex-direction:column;gap:10px}.audio-modal{width:min(720px,100%)}.video-modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.video-upload-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border:1px solid var(--border);border-radius:12px;background:#f8fafc;padding:10px}.audio-modal-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.audio-scene-list{border:1px solid var(--border);border-radius:10px;background:#f8fafc;padding:6px;max-height:48vh;overflow:auto;display:flex;flex-direction:column;gap:6px}.audio-scene-row{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border);border-radius:10px;padding:8px 10px;cursor:pointer;background:#fff}.audio-modal-footer{display:flex;justify-content:flex-end;gap:8px}.video-modal-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px}.video-modal-meta span{border:1px solid var(--border);border-radius:999px;padding:4px 8px;background:#f8fafc}.video-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.video-preview-tile{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#f8fafc}.video-preview-tile.selected{border-color:#60a5fa}.video-preview-tile.processed{box-shadow:inset 0 0 0 1px #16a34abf}.video-preview-tile img{width:100%;aspect-ratio:9 / 16;object-fit:cover;display:block}.video-preview-meta{display:flex;justify-content:space-between;gap:6px;padding:4px 6px;font-size:10px;color:var(--muted)}@media (max-width: 1100px){.author-detail-grid{grid-template-columns:1fr}.author-right-topbar{flex-direction:column;align-items:flex-start}}@media (max-width: 900px){.top-strip-main{flex-direction:column;align-items:flex-start}.top-strip-actions{width:100%}.author-layout{grid-template-columns:1fr;height:auto}.author-pane{min-height:0;height:auto}.preview-layout{height:calc(100vh - 230px)}.preview-panel{align-items:flex-start}.preview-image{max-height:calc(100vh - 300px)}.progress-row{grid-template-columns:1fr}.progress-drawer{width:min(92vw,420px)}}