:root{--mp-bg: #0b0d12;--mp-surface: #14171d;--mp-surface-2: #1c2027;--mp-border: #2a2f39;--mp-border-strong: #3a414d;--mp-text: #e3e6ec;--mp-text-2: #9aa0ae;--mp-text-3: #6b7280;--mp-accent: #5c9cff;--mp-accent-2: #4470e0;--mp-danger: #ef4444;--mp-warning: #f59e0b;--mp-success: #10b981;--mp-amber: #f59e0b;--mp-blue: #3b82f6;--mp-violet: #8b5cf6;--mp-green: #10b981;--mp-gray: #6b7280;--mp-radius: 8px;--mp-radius-sm: 5px;--mp-density: 6;--mp-top: 48px;--detail-w: 432px;--mp-status-queued: #6b7280;--mp-status-downloading: #f59e0b;--mp-status-extracting_audio: #a78bfa;--mp-status-transcribing: #3b82f6;--mp-status-reviewing: #8b5cf6;--mp-status-done: #10b981;--mp-status-failed: #ef4444}@media (prefers-color-scheme: light){:root{--mp-bg: #f3f4f6;--mp-surface: #ffffff;--mp-surface-2: #f9fafb;--mp-border: #e3e6ec;--mp-border-strong: #cbd5e1;--mp-text: #111827;--mp-text-2: #4b5563;--mp-text-3: #9ca3af}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--mp-bg);color:var(--mp-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100vh;width:100vw}#root{height:100vh;display:flex;flex-direction:column}.mp-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.mp-header{height:var(--mp-top);flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:0 12px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent);border-bottom:1px solid var(--mp-border);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mp-header h1{font-size:14px;font-weight:600;color:var(--mp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-header .title{font-weight:600;font-size:13px;color:var(--mp-text)}.mp-search{flex:1;position:relative;display:flex;align-items:center;min-width:180px;max-width:420px}.mp-search input{width:100%;height:28px;padding:0 26px 0 8px;border:1px solid var(--mp-border);border-radius:var(--mp-radius-sm);background:var(--mp-surface-2);color:var(--mp-text);font-size:12px;outline:none}.mp-search input:focus{border-color:var(--mp-accent)}.mp-search .icon{position:absolute;right:6px;color:var(--mp-text-2);font-size:13px;pointer-events:none}.mp-filters{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 12px;background:var(--mp-surface);border-bottom:1px solid var(--mp-border);min-height:34px}.mp-chip-group{display:inline-flex;align-items:center;gap:4px}.mp-chip-group button{height:22px;font-size:11px;padding:0 8px;border-radius:var(--mp-radius-sm);border:1px solid var(--mp-border);background:var(--mp-bg);color:var(--mp-text-2)}.mp-chip-group button.active{background:var(--mp-accent-2);color:#fff;border-color:var(--mp-accent-2)}.mp-view-toggle{display:inline-flex;border:1px solid var(--mp-border);border-radius:var(--mp-radius-sm);overflow:hidden}.mp-view-toggle button{height:22px;padding:0 8px;font-size:11px;border:none;background:transparent;color:var(--mp-text-2);cursor:pointer;display:flex;align-items:center;gap:4px}.mp-view-toggle button.active{background:var(--mp-accent-2);color:#fff}.mp-bar{display:inline-flex;align-items:center;gap:4px}.mp-btn{height:24px;font-size:11px;padding:0 8px;border-radius:var(--mp-radius-sm);border:1px solid var(--mp-border);background:var(--mp-surface);color:var(--mp-text);cursor:pointer;display:inline-flex;align-items:center;gap:4px}.mp-btn:hover{background:var(--mp-surface-2)}.mp-btn.ghost{background:transparent}.mp-btn.active{background:var(--mp-accent-2);color:#fff;border-color:var(--mp-accent-2)}.mp-btn.danger:hover{border-color:var(--mp-danger);color:var(--mp-danger)}.mp-btn.sm{height:20px;font-size:10px;padding:0 6px}.mp-input{height:24px;padding:0 6px;border:1px solid var(--mp-border);border-radius:var(--mp-radius-sm);background:var(--mp-surface-2);color:var(--mp-text);font-size:11px;outline:none}.mp-input:focus{border-color:var(--mp-accent)}.mp-select{height:24px;padding:0 22px 0 6px;border:1px solid var(--mp-border);border-radius:var(--mp-radius-sm);background:var(--mp-surface-2);color:var(--mp-text);font-size:11px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;cursor:pointer}.mp-select:focus{border-color:var(--mp-accent)}.mp-dropdown{position:relative;display:inline-block}.mp-dd-btn{padding-right:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%239aa0ae' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E")}.mp-dd-menu{position:absolute;z-index:20;top:28px;left:0;min-width:150px;max-height:260px;margin:2px 0;padding:4px;overflow-y:auto;background:var(--mp-surface);border:1px solid var(--mp-border);border-radius:var(--mp-radius);box-shadow:0 8px 24px #00000073}.mp-dd-menu label{display:flex;align-items:center;gap:6px;padding:4px 8px;cursor:pointer;font-size:11px}.mp-dd-menu label input{margin:0;accent-color:var(--mp-accent)}.mp-dd-menu .opt{padding:4px 8px;cursor:pointer;border-radius:var(--mp-radius-sm);font-size:11px}.mp-dd-menu .opt:hover{background:var(--mp-surface-2)}.mp-dd-menu .opt.selected{background:var(--mp-accent-2);color:#fff}.mp-filter-row{display:flex;align-items:center;gap:4px}.mp-filter-row .remove{color:var(--mp-danger)}.mp-tag{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:var(--mp-radius-sm);font-size:10px;background:var(--mp-surface-2);border:1px solid var(--mp-border)}.mp-content{flex:1;overflow:hidden;display:flex}.mp-main{flex:1;overflow-y:auto}.mp-detail{flex:0 0 auto;width:var(--detail-w);max-width:var(--detail-w);border-left:1px solid var(--mp-border);background:var(--mp-surface);overflow-y:auto;position:relative}.mp-detail.hidden{display:none}.mp-kanban{display:flex;gap:8px;padding:10px 12px;overflow-x:auto;min-height:1px}.mp-column{flex:0 0 260px;display:flex;flex-direction:column;gap:6px;background:var(--mp-surface);border:1px solid var(--mp-border);border-radius:var(--mp-radius);min-width:240px}.mp-column .head{padding:6px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--mp-text-2);border-bottom:1px solid var(--mp-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-column .count{float:right;color:var(--mp-text-3);font-weight:400}.mp-column .body{flex:1;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:6px;min-height:1px}.mp-column .dropzone{flex:1}.mp-column .empty{padding:8px;color:var(--mp-text-3);font-size:11px}.mp-card{background:var(--mp-surface-2);border:1px solid var(--mp-border);border-radius:var(--mp-radius-sm);padding:6px 8px;cursor:grab;font-size:12px;transition:none}.mp-card:hover{border-color:var(--mp-accent)}.mp-card.dragging{opacity:.45}.mp-card .title{font-size:12px;font-weight:600;color:var(--mp-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mp-card .meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;align-items:center}.mp-card .meta .m{font-size:10px;color:var(--mp-text-2)}.mp-card .meta .dot{width:4px;height:4px;border-radius:50%;background:var(--mp-text-3)}.mp-card .tags{margin-top:4px;display:flex;flex-wrap:wrap;gap:2px}.mp-status{display:inline-block;padding:0 6px;line-height:16px;border-radius:var(--mp-radius-sm);font-size:10px;font-weight:600;border:1px solid var(--mp-border)}.status-queued{color:var(--mp-gray);border-color:color-mix(in srgb,var(--mp-gray) 45%,transparent)}.status-downloading{color:var(--mp-amber);border-color:color-mix(in srgb,var(--mp-amber) 45%,transparent)}.status-extracting_audio{color:#a78bfa;border-color:color-mix(in srgb,#a78bfa 45%,transparent)}.status-transcribing{color:var(--mp-blue);border-color:color-mix(in srgb,var(--mp-blue) 45%,transparent)}.status-reviewing{color:var(--mp-violet);border-color:color-mix(in srgb,var(--mp-violet) 45%,transparent)}.status-done{color:var(--mp-green);border-color:color-mix(in srgb,var(--mp-green) 45%,transparent)}.status-failed{color:var(--mp-danger);border-color:color-mix(in srgb,var(--mp-danger) 45%,transparent)}.status-fw-inbox{color:var(--mp-gray);border-color:color-mix(in srgb,var(--mp-gray) 45%,transparent)}.status-fw-processing{color:var(--mp-amber);border-color:color-mix(in srgb,var(--mp-amber) 45%,transparent)}.status-fw-reviewed{color:var(--mp-green);border-color:color-mix(in srgb,var(--mp-green) 45%,transparent)}.status-fw-working{color:var(--mp-blue);border-color:color-mix(in srgb,var(--mp-blue) 45%,transparent)}.status-fw-archived{color:var(--mp-violet);border-color:color-mix(in srgb,var(--mp-violet) 45%,transparent)}.mp-table-wrap{padding:8px 12px;overflow:auto}.mp-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:12px}.mp-table th{position:sticky;top:0;background:var(--mp-surface);border-bottom:1px solid var(--mp-border);text-align:left;padding:5px 6px;font-size:10px;font-weight:600;text-transform:uppercase;color:var(--mp-text-2);white-space:nowrap;overflow:hidden;cursor:col-resize}.mp-table th .sortable{display:inline-flex;align-items:center;cursor:pointer}.mp-table th .sortable .arr{margin-left:3px;color:var(--mp-text-3)}.mp-table td{padding:4px 6px;border-bottom:1px solid var(--mp-border-strong);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:top}.mp-table tbody tr:hover{background:var(--mp-surface-2)}.mp-table tbody tr.selected{background:color-mix(in srgb,var(--mp-accent) 15%,transparent)}.mp-table .num{text-align:right}.mp-resizer{position:absolute;right:0;top:0;width:6px;height:100%;cursor:col-resize;touch-action:none}.mp-table th .resizable{position:relative}.mp-pagination{display:flex;align-items:center;gap:8px;padding:6px 12px;border-top:1px solid var(--mp-border);font-size:11px;color:var(--mp-text-2)}.mp-pagination button{height:22px}.mp-placeholder{padding:0 12px;font-size:11px;color:var(--mp-text-2)}.mp-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 12px;color:var(--mp-text-2)}.mp-state .icon{font-size:28px;opacity:.5}.mp-spinner{width:32px;height:32px;border:2px solid var(--mp-border);border-top-color:var(--mp-accent);border-radius:50%;animation:mp-spin .8s linear infinite}@keyframes mp-spin{to{transform:rotate(360deg)}}.mp-empty-bar{height:1px;flex:1;background:var(--mp-border)}.mp-detail .scroll{padding:12px}.mp-detail h2{margin:0 0 8px;font-size:15px;font-weight:600}.mp-detail h3{margin:14px 0 6px;font-size:11px;text-transform:uppercase;color:var(--mp-text-2);letter-spacing:.03em}.mp-detail .field{margin-bottom:6px}.mp-detail .field .label{font-size:10px;color:var(--mp-text-3);text-transform:uppercase}.mp-detail .field .value{font-size:12px;color:var(--mp-text)}.mp-detail .tags .tag{display:inline-block;padding:1px 6px;border-radius:var(--mp-radius-sm);font-size:10px;background:var(--mp-surface-2);border:1px solid var(--mp-border);margin:1px}.mp-detail textarea{width:100%;min-height:90px;padding:6px 8px;border:1px solid var(--mp-border);border-radius:var(--mp-radius-sm);background:var(--mp-surface-2);color:var(--mp-text);font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;resize:vertical;outline:none}.mp-detail textarea:focus{border-color:var(--mp-accent)}.mp-detail .close{position:sticky;top:0;height:36px;border-bottom:1px solid var(--mp-border);display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--mp-surface-2);flex:0 0 auto}.mp-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#00000080}.mp-modal .panel{background:var(--mp-surface);border:1px solid var(--mp-border);border-radius:var(--mp-radius);padding:12px;width:360px}.mp-modal .panel inputs{display:grid;gap:8px}.mp-modal input,.mp-modal select{width:100%}.mp-notices{position:fixed;z-index:40;bottom:12px;right:12px;display:flex;flex-direction:column;gap:6px}.mp-notice{min-width:200px;padding:6px 10px;font-size:11px;border-radius:var(--mp-radius-sm);background:var(--mp-surface-2);border:1px solid var(--mp-border);color:var(--mp-text);animation:mp-fadein .2s ease}@keyframes mp-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1}}@media (max-width: 768px){.mp-detail{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;border-left:none;z-index:20}.mp-content{flex-direction:column}.mp-detail .close{position:sticky}.mp-kanban{gap:6px;padding:8px}.mp-column{min-width:200px;flex:0 0 230px}.mp-column-head{position:sticky;top:var(--mp-top);z-index:9}}