:root{color-scheme:light;--bg:#f6f7f8;--surface:#fff;--surface-soft:#eef5f3;--ink:#18201f;--muted:#62706d;--line:#d9e0de;--accent:#0f8f7e;--accent-strong:#0a6d61;--warning:#9f5b12;--danger:#ba2f4a;--danger-soft:#fff0f3;--success:#116b45;--success-soft:#eaf7ef;--shadow:0 16px 44px rgba(34,48,45,.08)}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-width:320px}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.app-shell{margin:0 auto;min-height:100vh;padding:28px;width:min(1440px,100%)}.app-header{align-items:end;border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;padding-bottom:22px}.eyebrow{color:var(--accent-strong);font-size:13px;font-weight:700;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.12}h2{font-size:19px}h2,h3{line-height:1.2}h3{font-size:16px}.mode-tabs,.segmented{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;display:inline-flex;gap:4px;padding:4px}.mode-tab,.segmented button{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--muted);display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:40px;white-space:nowrap}.mode-tab{min-width:128px;padding:0 14px}.segmented{width:-moz-fit-content;width:fit-content}.segmented button{min-width:92px;padding:0 12px}.mode-tab.is-active,.segmented button.is-active{background:var(--ink);color:#fff}.workspace{padding-top:24px}.feature-grid{align-items:start;display:grid;gap:22px;grid-template-columns:minmax(340px,440px) minmax(0,1fr)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.form-panel,.result-panel{display:grid;gap:18px;padding:20px}.panel-title{align-items:center;display:flex;gap:9px}.split-title{justify-content:space-between}.field-grid{display:grid;gap:14px}.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:7px}.field span,.list-meta,.result-strip,dt{color:var(--muted);font-size:13px;font-weight:700}input,select,textarea{background:#fff;border:1px solid var(--line);border-radius:7px;color:var(--ink);min-height:42px;outline:0;padding:9px 11px;width:100%}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f8f7e24}.file-drop{background:var(--surface-soft);border:1px dashed #94aaa5;border-radius:8px;color:var(--muted);display:grid;font-weight:700;gap:8px;min-height:110px;place-items:center}.file-drop input{height:1px;opacity:0;position:absolute;width:1px}.ghost-button,.icon-button,.primary-button{align-items:center;border-radius:7px;display:inline-flex;font-weight:800;gap:8px;justify-content:center}.primary-button{background:var(--accent);border:0;color:#fff;min-height:44px}.primary-button:hover:not(:disabled){background:var(--accent-strong)}.ghost-button,.ghost-link{background:#fff;border:1px solid var(--line);color:var(--ink);min-height:36px;padding:0 12px}.ghost-link{align-items:center;border-radius:7px;display:inline-flex;font-weight:800;gap:8px;justify-content:center;text-decoration:none;width:-moz-fit-content;width:fit-content}.icon-button{background:#fff;border:1px solid var(--line);color:var(--ink);height:34px;width:34px}.icon-button.is-danger{color:var(--danger)}.alert{border-radius:7px;font-size:14px;line-height:1.45;padding:10px 12px}.alert.is-error{background:var(--danger-soft);color:var(--danger)}.alert.is-success{background:var(--success-soft);color:var(--success)}.result-strip{align-items:center;background:#fbfcfc;display:flex;flex-wrap:wrap;gap:8px 12px;padding:10px 12px}.meta-pill,.result-strip{border:1px solid var(--line);border-radius:7px}.meta-pill{background:#f7faf9;color:var(--muted);font-size:13px;font-weight:800;padding:6px 10px}.result-strip code,.voice-code{color:var(--accent-strong);display:inline-block;max-width:100%;overflow-wrap:anywhere}.list-meta{align-items:center;display:flex;gap:10px;justify-content:space-between}.list-meta label{align-items:center;display:inline-flex;gap:8px}.list-meta input{min-height:34px;width:76px}.table-shell{border:1px solid var(--line);border-radius:8px;overflow-x:auto}.voice-table{border-collapse:collapse;min-width:760px;width:100%}.voice-table td,.voice-table th{border-bottom:1px solid var(--line);font-size:14px;line-height:1.35;padding:12px;text-align:left;vertical-align:top}.voice-table th{background:#f0f3f2;color:var(--muted);font-size:12px;text-transform:uppercase}.voice-table tr:last-child td{border-bottom:0}.empty-cell{color:var(--muted);height:96px;text-align:center!important;vertical-align:middle!important}.prompt-cell{color:var(--muted);max-width:360px}.row-actions{display:flex;gap:8px}.audio-preview{width:100%}.audio-card{align-items:center;background:#fbfcfc;border:1px solid var(--line);border-radius:8px;display:grid;min-height:126px;padding:18px}.audio-card.is-empty{place-items:center}.audio-card.is-empty,.check-field{color:var(--muted);font-weight:800}.check-field{align-items:center;display:inline-flex;font-size:14px;gap:8px;width:-moz-fit-content;width:fit-content}.check-field input{min-height:18px;width:18px}.detail-panel{background:#fbfcfc;border:1px solid var(--line);border-radius:8px;display:grid;gap:14px;padding:14px}.detail-panel dl{display:grid;gap:12px;margin:0}.detail-panel dl div{display:grid;gap:4px}.detail-panel dd{color:var(--ink);margin:0;overflow-wrap:anywhere}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:980px){.app-shell{padding:20px}.app-header{align-items:stretch;flex-direction:column}.mode-tabs{width:100%}.mode-tab{flex:1;min-width:0}.feature-grid{grid-template-columns:1fr}}@media(max-width:640px){.app-shell{padding:16px}h1{font-size:28px}.three-cols,.two-cols{grid-template-columns:1fr}.form-panel,.result-panel{padding:16px}.mode-tab{padding:0 8px}}
