:root{--bg: #f6f7f9;--card: #ffffff;--border: #e2e5ea;--text: #1a1d23;--muted: #6b7280;--primary: #2563eb;--primary-ink: #ffffff;--accent: #0ea5e9;--ok: #16a34a;--warn: #d97706;--error: #dc2626;--sel: #eff6ff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--card: #181b21;--border: #2a2f38;--text: #e6e8eb;--muted: #9aa2ad;--primary: #3b82f6;--sel: #1e2937}}*{box-sizing:border-box}body{margin:0;background:var(--bg)}.app{max-width:1040px;margin:0 auto;padding:24px 20px 96px}@media(min-width:1360px){.app{max-width:1240px}}@media(min-width:1680px){.app{max-width:1480px}}@media(min-width:2000px){.app{max-width:1720px}}header h1{margin:0 0 4px;font-size:24px}header p{margin:0}.header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.lang-switch{flex:none;background:transparent;border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:999px;font-weight:600;line-height:1}.lang-switch:hover{border-color:var(--primary);color:var(--primary)}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.save-state{flex:none;white-space:nowrap}.saved-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.saved-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;flex-wrap:wrap}.saved-item-main{display:flex;flex-direction:column;gap:2px;min-width:0}.saved-item-name{font-weight:600;overflow:hidden;text-overflow:ellipsis}.saved-item-actions{display:flex;gap:8px;flex:none}.muted{color:var(--muted)}.small{font-size:12px}.spacer{flex:1}.between{justify-content:space-between}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px;margin-top:16px}.card h3{margin:0 0 4px;font-size:15px}.row{display:flex;align-items:flex-end}.row.gap{gap:16px}.row.wrap{flex-wrap:wrap}label{font-size:13px}.row label,.mapping-block label{display:flex;flex-direction:column;gap:4px}select,input[type=text],input[type=number],input:not([type]),textarea{padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);font-size:14px;font-family:inherit}input[type=number]{width:84px}.gap-input{position:relative;display:inline-flex;align-items:center}.gap-input input[type=number]{padding-right:26px}.gap-input .gap-unit{position:absolute;right:8px;font-size:12px;color:var(--muted);pointer-events:none}button{cursor:pointer;font-size:14px;border-radius:6px}button.primary{background:var(--primary);color:var(--primary-ink);border:none;padding:9px 16px;font-weight:600}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text);padding:8px 14px}button.secondary.danger{color:var(--error);border-color:color-mix(in srgb,var(--error) 40%,var(--border))}button.primary:disabled,button.secondary:disabled{opacity:.45;cursor:default}button.link-btn{background:none;border:none;color:var(--muted);display:inline-flex;align-items:center;padding:4px;border-radius:6px}button.link-btn:hover{color:var(--text);background:var(--sel)}.icon{display:block;flex:none}button .icon{pointer-events:none}.icon-label-btn{display:inline-flex!important;align-items:center;gap:6px}.error-banner{margin-top:16px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;background:color-mix(in srgb,var(--error) 12%,transparent);border:1px solid var(--error);color:var(--error);border-radius:8px;font-size:14px}.step-body{margin-top:4px}.step-actions{display:flex;justify-content:space-between;margin-top:18px}@media(min-width:860px)and (min-height:700px){.app{height:100dvh;display:flex;flex-direction:column;padding:18px 20px 20px}.step-body{flex:1;min-height:0;display:flex;flex-direction:column}.step-body>.grid-wrap{flex:1;min-height:260px;display:flex;flex-direction:column}.step-body>.grid-wrap .grid-scroll{flex:1;min-height:0;max-height:none}.grid-toolbar{margin:12px 0 8px}.step-body>.input-cols{flex:1;min-height:0;max-height:560px}.input-cols>.card{display:flex;flex-direction:column;min-height:0}.input-cols .dropzone{flex:1;min-height:120px}.input-cols .paste-area{flex:1}}.append-toggle{display:inline-flex;margin:12px 0 4px}.input-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:720px){.input-cols{grid-template-columns:1fr}}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin-top:10px;padding:26px 16px;text-align:center;cursor:pointer;border:2px dashed var(--border);border-radius:8px;transition:border-color .12s,background .12s,color .12s}.dropzone:hover{border-color:var(--primary);background:var(--sel)}.dropzone.dragging{border-color:var(--primary);background:var(--sel);border-style:solid}.dropzone input{display:none}.dropzone *{pointer-events:none}.dropzone-icon{font-size:20px;line-height:1;color:var(--primary)}.dropzone.dragging .dropzone-icon{transform:translateY(2px)}.dropzone-main{font-size:14px;font-weight:600}.file-chosen{margin:8px 0 0}.mapping-block{margin-top:12px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.paste-area{width:100%;min-height:130px;resize:vertical;margin:6px 0 10px;white-space:pre}.inline{flex-direction:row!important;align-items:center;gap:6px}.listbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.listbar-left{display:flex;align-items:center;gap:8px}.list-name{font-size:17px;font-weight:600;min-width:240px}.dot{color:var(--warn);font-size:12px}.listbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.list-switch{max-width:220px}.grid-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:20px 0 10px}.toolbar-sep{width:1px;align-self:stretch;background:var(--border);margin:0 2px}.grid-wrap{border:1px solid var(--border);border-radius:10px;overflow:hidden}.grid-scroll{overflow:auto;max-height:84vh;scrollbar-gutter:stable}@media(min-width:860px){.grid-scroll{min-height:40vh}}.grid-footer{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;font-size:12px;color:var(--muted);border-top:1px solid var(--border);background:var(--card)}.scroll-hint{color:var(--primary);font-weight:600}.grid-hint{margin-left:auto;padding-right:14px;opacity:.75}@media(max-width:720px){.grid-hint{display:none}}.grid{width:100%;border-collapse:collapse;background:var(--card)}.grid th,.grid td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.grid th{font-size:12px;color:var(--muted);font-weight:600;position:sticky;top:0;z-index:2;background:var(--card)}.grid .num,.grid .act-cell,.grid .drag-col{width:40px;text-align:center;padding:0}.grid .num{color:var(--muted);width:40px}.grid th.head-all{cursor:pointer;-webkit-user-select:none;user-select:none}.grid th.head-all:hover{color:var(--primary)}.grid td.num.index-col{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.grid td.num.index-col:hover{background:var(--sel);color:var(--text)}.grid tr.row-selected td{background:var(--sel)}.grid tr.row-selected td.num.index-col{background:color-mix(in srgb,var(--primary) 22%,transparent);color:var(--primary);font-weight:700}.grid .drag-col{border-right:1px solid var(--border)}.grid .drag-handle{width:100%;height:100%;min-height:34px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:0;padding:0;color:var(--muted);opacity:.35;cursor:grab;touch-action:none;transition:opacity .12s ease,background .12s ease,color .12s ease}.grid tr:hover .drag-handle{opacity:.8}.grid .drag-handle:hover{background:var(--sel);color:var(--primary);opacity:1}.grid .drag-handle:active{cursor:grabbing}.grid td.act-cell{border-left:1px solid var(--border)}.grid td.act-cell:first-of-type{border-left:none}.grid .act-btn{width:100%;height:100%;min-height:34px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:0;padding:6px 0;color:var(--muted);opacity:.45;transition:opacity .12s ease,background .12s ease,color .12s ease}.grid tr:hover .act-btn{opacity:1}.grid .act-btn:disabled{opacity:.15!important;cursor:default}.grid .act-delete .act-btn:hover:not(:disabled){background:color-mix(in srgb,var(--error) 12%,transparent);color:var(--error)}.grid .act-play .act-btn:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.grid .act-regen .act-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.grid th.act-cell{color:var(--muted);display:table-cell}.grid th.act-cell .icon{opacity:.6}.grid.dragging{-webkit-user-select:none;user-select:none}.grid tr.row-dragging{opacity:.35}.drag-preview{display:flex;flex-direction:column;gap:2px;padding:8px 12px;min-width:160px;max-width:320px;background:var(--card);border:1px solid var(--primary);border-radius:8px;box-shadow:0 8px 24px #0000002e;cursor:grabbing}.drag-preview-en{font-weight:600}.grid tr.seam td{padding:0;border:none;height:9px;position:relative}.seam-line{position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:var(--primary);opacity:0;transition:opacity .12s ease}.seam-add{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:20px;height:20px;display:grid;place-items:center;padding:0;line-height:1;border:1px solid var(--primary);border-radius:50%;background:var(--card);color:var(--primary);font-size:14px;font-weight:700;opacity:0;transition:opacity .12s ease}.grid tr.seam:hover .seam-line{opacity:.45}.grid tr.seam:hover .seam-add,.seam-add:focus-visible{opacity:1}.seam-add:hover{background:var(--primary);color:var(--primary-ink)}.grid th .col-include{font-size:12px;color:var(--muted);font-weight:600;cursor:pointer}.grid th.lang-off .col-include,.grid td.lang-off .gcell{opacity:.5}.cell-wrap{display:flex;align-items:center;gap:8px}.gcell{display:flex;flex-direction:column;flex:1;min-width:0}.gcell-input{width:100%;min-width:160px;resize:none;overflow:hidden;border:1px solid transparent;background:transparent;padding:4px 6px;font-size:14px;line-height:1.35}.gcell-input:hover{border-color:var(--border)}.gcell-input:focus{outline:none;border-color:var(--primary);background:var(--card)}.gcell-spoken{padding:0 6px 2px}.gcell.playing .gcell-input{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.pos-toggle{margin-top:12px}.rules{margin-top:12px;overflow-x:auto}.rules-table th,.rules-table td{padding:4px 6px;font-size:13px;text-align:left}.rules-table input:not([type=checkbox]){width:100%;min-width:90px}.disabled-row{opacity:.5}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.action-bar{padding-top:0}.action-bar .progress{height:4px;background:var(--border);border-radius:0 0 3px 3px;overflow:hidden;margin:0 -16px 14px}.progress-fill{height:100%;background:var(--primary);transition:width .2s ease}.action-bar .row{align-items:center}.action-bar button{height:38px;display:inline-flex;align-items:center;justify-content:center}.settings-btn:hover{border-color:var(--primary);color:var(--primary)}.modal{border:none;padding:0;background:transparent;max-width:420px;width:calc(100% - 32px)}.modal.wide{max-width:760px}.modal-section+.modal-section{border-top:1px solid var(--border);padding-top:16px}.modal-section h4{margin:0 0 10px;font-size:14px}.modal::backdrop{background:#00000080}.modal-panel{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:12px;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0;font-size:16px}.modal-body{display:flex;flex-direction:column;gap:16px;padding:16px;max-height:70vh;overflow-y:auto}.modal-body>label{display:flex;flex-direction:column;gap:6px;font-weight:600}.modal-body>label select,.modal-body>label input[type=range],.modal-body>label .voice-pick-btn{width:100%;font-weight:400}.modal-body fieldset{display:flex;flex-direction:column;gap:4px}.modal-body fieldset .inline{justify-content:flex-start;gap:24px;font-weight:600}.modal-body fieldset p{margin:0 0 6px}.modal-body .gap-name{font-family:inherit;min-width:150px}.modal-foot{display:flex;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--border)}.status-dot{width:16px;text-align:center;font-size:12px;flex:none}.status-dot.done{color:var(--ok)}.status-dot.gen,.status-dot.queued{color:var(--primary)}.status-dot.error{color:var(--error)}.status-dot.idle{color:var(--muted)}.card fieldset,.modal-body fieldset{border:1px solid var(--border);border-radius:8px;padding:8px 12px;margin:0}.card legend,.modal-body legend{font-size:12px;color:var(--muted);padding:0 4px}.voice-pick-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;padding:7px 10px}.voice-pick-btn:after{content:"›";color:var(--muted);font-size:16px;line-height:1}.voice-picker{display:flex;flex-direction:column;gap:14px}.seg-row{display:flex;flex-wrap:wrap;gap:6px}.seg-btn{background:transparent;border:1px solid var(--border);color:var(--text);padding:5px 11px;border-radius:999px;font-size:13px;font-weight:500}.seg-btn:hover{border-color:var(--primary);color:var(--primary)}.seg-btn-active,.seg-btn-active:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-label{font-size:12px;font-weight:600;color:var(--muted)}.voice-tier-blurb{margin:0}.seg-btn-tier{display:inline-flex;align-items:center;gap:5px}.tier-badge{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:600;line-height:1.4;padding:1px 5px;border-radius:999px;background:color-mix(in srgb,var(--muted) 18%,transparent);color:var(--muted)}.tier-badge-paid{background:color-mix(in srgb,#caa029 25%,transparent);color:#caa029}.seg-btn-active .tier-badge{background:color-mix(in srgb,var(--primary-ink) 22%,transparent);color:var(--primary-ink)}.voice-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto;border:1px solid var(--border);border-radius:8px}.voice-row{display:flex;align-items:center;gap:4px;padding:2px 6px 2px 10px;border-bottom:1px solid var(--border)}.voice-row:last-child{border-bottom:none}.voice-row-default{background:color-mix(in srgb,var(--muted) 6%,transparent)}.voice-row-selected{background:var(--sel)}.voice-row-main{flex:1;display:flex;align-items:center;gap:10px;min-width:0;padding:8px 0;cursor:pointer;font-weight:400}.voice-row-text{display:flex;flex-direction:column;gap:1px;min-width:0}.voice-row-name{font-size:14px}.voice-row-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-preview-btn{flex:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:50%;color:var(--muted);padding:0}.voice-preview-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.voice-preview-btn:disabled{opacity:.4;cursor:default}.voice-empty{padding:16px;text-align:center}.grid-scroll::-webkit-scrollbar{width:14px;height:14px}.grid-scroll::-webkit-scrollbar-track{background:color-mix(in srgb,var(--border) 40%,transparent)}.grid-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 55%,transparent);border-radius:8px;border:3px solid var(--card)}.grid-scroll::-webkit-scrollbar-thumb:hover{background:var(--muted)}