.vi{color:var(--gla-text);gap:18px;padding-block:12px 28px;display:grid}.vi-hero{isolation:isolate;background:var(--gla-surface);flex-direction:column;justify-content:flex-end;min-height:260px;padding:22px 18px;display:flex;position:relative;overflow:hidden}.vi-hero img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.vi-hero:before{content:"";z-index:-1;background:linear-gradient(0deg,var(--gla-bg),transparent 90%);position:absolute;inset:0}.vi h1{font-size:26px;font-weight:800;line-height:1.15}.vi h2{font-size:18px;font-weight:700}.vi p{font-size:13px;line-height:1.55}.vi-soft{color:var(--gla-text-soft)}.vi-section{gap:12px;padding-block:6px;display:grid}.vi-toolbar{flex-wrap:wrap;gap:8px;display:flex}.vi .vi-action{white-space:normal;text-align:center;height:auto;min-height:42px}.vi-preview{object-fit:contain;background:var(--gla-surface);border:1px solid var(--gla-border);border-radius:8px;width:100%;max-height:260px}.vi-input{border:1px solid var(--gla-border);background:var(--gla-surface);width:100%;min-width:0;color:var(--gla-text);border-radius:8px;padding:12px;font-size:16px}.vi-input:focus-visible{outline:2px solid var(--gla-green);outline-offset:2px}.vi-item{border:1px solid var(--gla-border);background:var(--gla-surface);border-radius:8px;gap:8px;padding:14px;display:grid}.vi-muscles{flex-wrap:wrap;gap:6px;display:flex}.vi-muscles span{border-bottom:2px solid var(--gla-green);padding:4px 6px;font-size:13px}.vi-alert{border-left:3px solid var(--gla-warning);background:var(--gla-surface);padding:10px 12px}.vi-modal{z-index:10060;background:color-mix(in oklab,var(--gla-bg) 75%,transparent);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.vi-sheet{background:var(--gla-bg);border:1px solid var(--gla-border);border-radius:8px 8px 0 0;width:100%;max-width:640px;max-height:90dvh;padding:16px;overflow:auto}.vi-close{justify-content:flex-end;display:flex}@media (width>=600px){.vi-hero{min-height:300px}}