:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f8fb;min-width:320px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}button,input,textarea{font:inherit}#app{width:100%}.app-shell{background:#f6f8fb;min-height:100vh}.app-sider{background:#fff;min-height:100vh}.brand{padding:24px 24px 18px}.brand p{color:#0f766e;letter-spacing:0;margin-bottom:6px;font-size:.78rem;font-weight:800}.brand strong{color:#16212f;font-size:1.25rem;font-weight:800;display:block}.app-content{min-width:0}.view-page{width:min(1040px,100% - 48px);margin:0 auto;padding:48px 0}.view-header{max-width:720px;margin-bottom:28px}.eyebrow{color:#0f766e;margin-bottom:10px;font-size:.82rem;font-weight:800}h1{color:#16212f;max-width:760px;font-size:clamp(2rem,5vw,3.8rem);font-weight:850;line-height:1.08}.summary{color:#506070;max-width:560px;margin-top:16px;font-size:1.03rem}.tool{grid-template-columns:minmax(0,.88fr) minmax(320px,1fr);align-items:stretch;gap:24px;display:grid}.form-card,.qr-panel,.progress-card{background:#fffffff2;border:1px solid #16212f1a;border-radius:8px;min-width:0;box-shadow:0 24px 70px #16212f14}.video-tool{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:start;gap:24px;display:grid}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.settings-grid label{gap:8px;min-width:0;display:grid}.settings-grid span{color:#334155;font-size:.86rem;font-weight:800}.progress-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.video-preview{grid-template-columns:1fr}.qr-panel{grid-template-rows:1fr auto;gap:20px;padding:24px;display:grid}.qr-frame,.qr-empty{background:#fff;border:1px dashed #33415538;border-radius:8px;place-items:center;min-height:320px;display:grid}.qr-frame img{aspect-ratio:1;width:min(100%,300px);display:block}.qr-empty{color:#64748b;text-align:center}.preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.preview div{background:#f1f5f9;border-radius:8px;min-width:0;padding:14px}.sms-preview{grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr)}dt{color:#64748b;font-size:.78rem;font-weight:800}dd{overflow-wrap:anywhere;color:#16212f;margin-top:4px;font-weight:800}@media (width<=820px){.app-shell{display:block}.app-sider{min-height:auto}.view-page{width:min(100% - 24px,560px);padding:32px 0}.tool,.video-tool,.preview,.sms-preview,.settings-grid{grid-template-columns:1fr}.qr-frame,.qr-empty{min-height:260px}}