.vu-page{max-width:1240px;margin:0 auto;padding:22px 18px 48px}
.section-kicker{display:inline-block;color:#f97316;font-size:13px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}
.vu-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:18px;align-items:center;overflow:hidden;padding:0}
.vu-copy{padding:28px 28px 30px}
.vu-copy h1,.vu-tool-head h2,.section-hd h2{margin:0;color:#291263;line-height:1.02}.vu-copy h1{font-size:clamp(44px,5.2vw,70px)}
.vu-copy p,.vu-tool-head p,.section-hd p{margin:14px 0 0;color:#5f5775;line-height:1.7;font-size:18px}
.vu-art{display:flex;align-items:flex-end;justify-content:flex-end;height:100%}
.vu-art img{display:block;width:100%;max-width:560px;height:auto;object-fit:contain}
.vu-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.vu-chip{display:inline-flex;align-items:center;border:1px solid rgba(124,58,237,.16);background:#fff;color:#544b6a;border-radius:999px;padding:10px 14px;font-weight:800;font-size:13px}
.vu-tip,.violet-whisper{border:1px solid rgba(124,58,237,.16);background:linear-gradient(180deg,rgba(124,58,237,.05),rgba(255,255,255,1));border-radius:16px;padding:14px 16px;margin-top:16px;color:#4c1d95;line-height:1.6}
.vu-tool-card,.vu-results-card,.vu-help-card{margin-top:24px}
.vu-tool-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.45fr);gap:18px;align-items:end;padding:20px 20px 6px}.vu-mini-note{border:1px solid rgba(124,58,237,.14);border-radius:18px;background:linear-gradient(180deg,rgba(124,58,237,.04),#fff);padding:14px;color:#291263;line-height:1.5}.tiny-soft{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#7a7391;font-weight:900}
.section-bd,.section-hd{padding:18px 20px 22px}.section-hd{padding-bottom:8px}
.vu-form{display:block}.play-label{display:block;margin-bottom:8px;font-weight:900;color:#2e1065}
.vu-textarea{width:100%;min-height:220px;border:1px solid rgba(124,58,237,.22);border-radius:18px;padding:16px 18px;font:inherit;font-size:15px;line-height:1.55;box-shadow:0 8px 22px rgba(124,58,237,.06);outline:none;resize:vertical}.vu-textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 4px rgba(124,58,237,.12)}
.vu-controls-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;margin-top:16px}.vu-check{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid rgba(124,58,237,.14);border-radius:18px;background:linear-gradient(180deg,rgba(124,58,237,.04),#fff)}.vu-check input{margin-top:4px}.vu-check span{display:block}.vu-check strong{display:block;color:#291263}.vu-check small{display:block;margin-top:6px;color:#5f5775;line-height:1.55}
.vu-sort-wrap{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.field{min-width:170px}.field label{display:block;margin-bottom:6px;font-size:13px;font-weight:900;color:#4c1d95}.play-select{width:100%;border:1px solid rgba(124,58,237,.22);border-radius:14px;padding:12px 14px;background:#fff}.play-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:14px 18px;min-width:160px;font-weight:900;color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%);box-shadow:0 12px 26px rgba(124,58,237,.18);text-decoration:none}
.vu-meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;background:#fff;border:1px solid rgba(124,58,237,.16);font-size:13px;font-weight:800;color:#4b5563}.pill b{color:#291263}.soft{color:#7a7391}.vu-box-spacer{margin-top:18px}
.ok-box,.warn-box{border-radius:18px;padding:16px 18px;border:1px solid rgba(148,163,184,.16);line-height:1.6}.ok-box{background:linear-gradient(180deg,rgba(34,197,94,.08),#fff);color:#166534}.warn-box{background:linear-gradient(180deg,rgba(245,158,11,.10),#fff);color:#92400e}
.vu-table-wrap{overflow:auto;border:1px solid rgba(124,58,237,.14);border-radius:18px}.vu-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}.vu-table th,.vu-table td{padding:14px 14px;border-bottom:1px solid rgba(148,163,184,.14);vertical-align:top}.vu-table thead th{position:sticky;top:0;background:#f8f4ff;color:#291263;text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.vu-table tbody tr:last-child td{border-bottom:0}
.good-row{background:#fff}.bad-row{background:rgba(239,68,68,.045)}.char-cell{font-size:22px;font-weight:900;color:#291263;min-width:130px}.count-cell{font-weight:900;color:#291263}.desc-cell,.friendly-cell{color:#5f5775;line-height:1.55}.codepill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#f3e8ff;color:#6d28d9;font-weight:900;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}
.vu-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mini-card{border:1px solid rgba(124,58,237,.14);background:linear-gradient(180deg,rgba(124,58,237,.035),#fff);border-radius:18px;padding:16px}.mini-card h3{margin:0 0 8px;color:#291263}.mini-card p{margin:0;color:#5f5775;line-height:1.6}
@media (max-width:1100px){.vu-hero,.vu-tool-head,.vu-help-grid{grid-template-columns:1fr}.vu-art{justify-content:center}.vu-art img{max-width:500px}.vu-controls-row{grid-template-columns:1fr}.vu-sort-wrap{justify-content:flex-start}}
@media (max-width:720px){.vu-page{padding:16px 12px 36px}.vu-copy{padding:22px 18px 18px}.vu-copy h1{font-size:clamp(34px,10vw,50px)}.vu-copy p,.vu-tool-head p,.section-hd p{font-size:16px}.vu-sort-wrap{flex-direction:column;align-items:stretch}.field,.play-btn{width:100%}.vu-help-grid{grid-template-columns:1fr}.vu-textarea{min-height:180px}}