.vtt-sc-app{--p:#6366F1;--s:#8B5CF6;--ok:#16A34A;--err:#DC2626;--text:#172033;--muted:#64748B;--bg:#F8FAFC;--card:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);padding:24px;border-radius:24px}
.vtt-sc-shell{max-width:1050px;margin:auto}.vtt-sc-header{text-align:center;margin-bottom:24px}.vtt-sc-kicker{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--p)}.vtt-sc-header h2{font-size:clamp(30px,5vw,44px);line-height:1.1;margin:8px 0 10px}.vtt-sc-header p{margin:0;color:var(--muted);font-size:17px}
.vtt-sc-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#eef2ff;padding:6px;border-radius:16px;margin-bottom:18px}.vtt-sc-tab,.vtt-sc-segmented button{min-height:48px;border:0;border-radius:12px;background:transparent;font-size:16px;font-weight:700;color:#475569;cursor:pointer}.vtt-sc-tab.is-active,.vtt-sc-segmented button.is-active{background:#fff;color:var(--p);box-shadow:0 4px 18px rgba(15,23,42,.08)}
.vtt-sc-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.vtt-sc-card,.vtt-sc-mini-card{background:var(--card);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.vtt-sc-card{padding:20px}.vtt-sc-row{display:grid;gap:14px}.vtt-sc-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}.vtt-sc-input-card label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:700;color:#334155}.vtt-sc-input-card input,.vtt-sc-input-card select{min-height:50px;width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:0 14px;font-size:16px;color:var(--text);outline:none}.vtt-sc-input-card input:focus,.vtt-sc-input-card select:focus,.vtt-sc-btn:focus-visible,.vtt-sc-tab:focus-visible,.vtt-sc-linkbtn:focus-visible,.vtt-sc-segmented button:focus-visible{outline:3px solid rgba(99,102,241,.22);outline-offset:2px;border-color:var(--p)}
.vtt-sc-settings{margin-top:18px;padding-top:18px;border-top:1px solid #e2e8f0}.vtt-sc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.vtt-sc-btn{min-height:48px;border-radius:12px;padding:0 18px;border:1px solid transparent;font-size:16px;font-weight:800;cursor:pointer}.vtt-sc-btn-primary{background:linear-gradient(135deg,var(--p),var(--s));color:#fff}.vtt-sc-btn-secondary{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}.vtt-sc-btn-ghost{background:#fff;color:#475569;border-color:#cbd5e1}.vtt-sc-error{color:var(--err);font-weight:700;margin:12px 0 0}.vtt-sc-segmented{display:grid;grid-template-columns:1fr 1fr;background:#f1f5f9;padding:5px;border-radius:12px;margin-bottom:14px}
.vtt-sc-result-card{min-height:360px;display:flex;flex-direction:column;justify-content:center}.vtt-sc-empty{text-align:center;color:var(--muted);display:grid;gap:6px}.vtt-sc-empty strong{font-size:22px;color:var(--text)}.vtt-sc-result-head{text-align:center;padding:8px 0 16px}.vtt-sc-result-head span{display:block;color:var(--muted);font-weight:700}.vtt-sc-result-head strong{display:block;font-size:clamp(32px,6vw,52px);line-height:1.05;margin:5px 0;color:var(--p)}.vtt-sc-result-head small{font-size:15px;color:#475569}.vtt-sc-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.vtt-sc-metrics div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:13px}.vtt-sc-metrics span{display:block;font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase}.vtt-sc-metrics strong{font-size:20px}.vtt-sc-path{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.vtt-sc-chip{padding:7px 9px;border-radius:999px;background:#f1f5f9;font-size:13px;font-weight:700}.vtt-sc-chip.is-start,.vtt-sc-chip.is-end{background:#e0e7ff;color:#3730a3}.vtt-sc-explain{color:#475569;line-height:1.65;margin:0}
.vtt-sc-history-card{margin-top:18px}.vtt-sc-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.vtt-sc-history-head h3{font-size:18px;margin:0}.vtt-sc-linkbtn{border:0;background:transparent;color:var(--p);font-weight:800;cursor:pointer}.vtt-sc-history-item{padding:11px 0;border-top:1px solid #e2e8f0;font-size:14px}.vtt-sc-history-item:first-child{margin-top:10px}.vtt-sc-muted{color:var(--muted)}.vtt-sc-note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.vtt-sc-mini-card{padding:16px}.vtt-sc-mini-card strong{display:block;margin-bottom:5px}.vtt-sc-mini-card p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}
@media(max-width:800px){.vtt-sc-app{padding:16px}.vtt-sc-grid,.vtt-sc-note-grid{grid-template-columns:1fr}.vtt-sc-tabs{grid-template-columns:1fr}.vtt-sc-tab{min-height:44px}.vtt-sc-result-card{min-height:auto}.vtt-sc-row-2{grid-template-columns:1fr}}