/* Shared visual language approved in the camera / visual navigation prototype. */
:root{--ink:#345b83;--paper:#fff;--bright:#fff;--soft:#f3f6f8;--orange:#b95c35;--lime:#c5d9a2;--yellow:#e2c793;--muted:#627689;--line:#dce4ea;--shadow:0 12px 35px #345b8310;background:#fff;color:#354e64}
body{background:#fff}html{scroll-padding-top:100px;scroll-padding-bottom:90px}a{text-underline-offset:4px}body [hidden]{display:none!important}body :focus-visible{outline:3px solid #ba714c;outline-offset:4px}body h1,body h2,body h3{line-height:1.25;letter-spacing:-.04em}body .primary-action{background:var(--orange);color:#fff;box-shadow:4px 4px 0 #c5d9a2;border:0;border-radius:0}body .paper-action{background:#fff;border:1px solid #cad9e3;color:var(--ink);box-shadow:none;border-radius:0}body .hand-mark{box-shadow:none}body .hand-mark--lime{color:#344b2a}body .hand-mark--blue{background:#e6eef4;color:var(--ink)}
.vn-header-host{display:contents}.vn-skip{position:fixed;top:-100px;left:20px;z-index:150;padding:12px;background:#fff}.vn-skip:focus{top:8px}body .vn-header{display:flex;position:sticky;top:0;z-index:35;justify-content:space-between;align-items:center;gap:22px;min-height:80px;padding:14px clamp(20px,3.5vw,56px);border-bottom:1px solid var(--line);box-shadow:none;background:#fff}body .vn-header .wordmark{font-size:17px;flex-shrink:0}body .vn-header .brand-cut{width:38px;height:40px;background:#dc7d55}body .vn-header .brand-name em{background:#b7603f}body .vn-header .top-nav{display:flex;gap:25px;justify-content:center;white-space:nowrap}body .vn-header .top-nav a{font-size:13px;font-weight:500;border:0;padding:12px 0;text-decoration:none}body .vn-header .top-nav a:hover{color:var(--orange)}body .vn-header .head-actions{display:flex;gap:9px;justify-content:flex-end;align-items:center;min-width:0}body .vn-header .header-camera-tools{display:flex;gap:8px}body .vn-header .camera-entry-link{min-height:46px;padding:12px 15px;background:var(--ink);color:#fff;font-size:12px;border:1px solid var(--ink);gap:9px}body .vn-header .header-install-link{min-height:46px;border:1px solid var(--line);padding:10px 12px;font-size:11px;white-space:nowrap}body .vn-header .my-codes-menu{font-size:11px}body .vn-header .my-codes-menu summary{padding:12px 6px;font-size:11px}body .vn-header .my-codes-panel,body .vn-header .mobile-menu-panel{background:#fff;border:1px solid var(--line);box-shadow:5px 7px 0 #eaf0f4;color:var(--ink)}body .vn-header .my-codes-panel a,body .vn-header .mobile-menu-panel a{min-height:44px;background:#fff;color:var(--ink);border-bottom:1px solid #edf1f4}body .vn-search-button{display:grid;place-items:center;border:1px solid var(--line);width:44px;height:46px;flex-shrink:0}.vn-search-button span{width:13px;height:13px;border:1.5px solid var(--ink);border-radius:50%;position:relative}.vn-search-button span:after{content:"";position:absolute;width:7px;height:1.5px;background:var(--ink);transform:rotate(48deg);right:-5px;bottom:-3px}body .vn-header .mobile-menu{display:none}.vn-mobile-dock{display:none}
.vn-home{width:min(1240px,calc(100% - 80px));max-width:1240px;margin:0 auto;padding:0;border:0;background:#fff}.vn-home h1,.vn-home h2,.vn-home h3{font-family:Unbounded,sans-serif;font-weight:600;color:var(--ink);margin:0}.vn-home p{margin:0}.vn-home .eyebrow{display:flex;align-items:center;gap:9px;font:600 11px Onest,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0 0 20px;color:#527391}.vn-dot{display:inline-block;width:9px;height:9px;background:#9eb96e;transform:rotate(-10deg)}.vn-home .vn-hero{display:grid;grid-template-columns:.96fr 1.04fr;gap:70px;min-height:0;padding:40px 0;position:static;overflow:visible;background:#fff;align-items:start}.vn-hero-copy{min-width:0}.vn-home #home-title{font-size:clamp(44px,4.8vw,68px);line-height:1.09;letter-spacing:-.05em;max-width:none}.vn-home h1 em{font-style:normal;color:#c5714b}.vn-home .vn-lead{font-size:16px;line-height:1.65;margin:23px 0;color:#52718c}.vn-actions{display:flex;gap:12px;align-items:stretch}.vn-actions a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;font-size:13px;padding:14px 23px;text-decoration:none}.vn-actions b{font-size:16px;margin-left:6px}.vn-photo-mark{font-size:24px}.vn-home .vn-quiet{font-size:11px;color:var(--muted);margin-top:16px}.vn-example-picker{margin-top:34px}.vn-example-picker>p{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:14px}.vn-example-picker>p>span{color:var(--orange);font-size:21px}.vn-objects{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.vn-objects button{background:#fff;border:1px solid var(--line);min-width:0;padding:5px 0 8px;font:500 10px Onest,sans-serif;color:var(--ink)}.vn-objects img{width:100%;height:61px;object-fit:contain;transition:transform .2s}.vn-objects button:hover img{transform:translateY(-3px) rotate(-3deg)}.vn-objects button[aria-pressed=true]{background:#f2f6e9;border-color:#9fbb78}.vn-reader-column{min-width:0;scroll-margin-top:96px}.vn-reader-column>.hand-mark{font-size:10px;padding:7px 10px;display:inline-block;margin-bottom:15px;transform:rotate(-2deg)}.vn-reader{border:1px solid #d4dfe8;box-shadow:7px 7px 0 #f1f5f8;background:#fff}.vn-reader-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;border-bottom:1px solid var(--line)}.vn-reader-heading b{display:flex;align-items:center;gap:10px;font-size:13px}.vn-reader-heading>span{font-size:10px;color:var(--muted)}.vn-reader-scene{height:320px;margin:18px;position:relative;display:grid;place-items:center;background:#f5f8fa}.vn-reader-scene [data-example-art]{width:92%;height:100%}.vn-reader-scene .visual-art{width:100%;height:100%;object-fit:contain;animation:vn-arrive .6s ease-out}.vn-corners{position:absolute;inset:17px;pointer-events:none;border:0;background:linear-gradient(#688ab0,#688ab0) left top/30px 3px no-repeat,linear-gradient(#688ab0,#688ab0) left top/3px 30px no-repeat,linear-gradient(#c78660,#c78660) right top/30px 3px no-repeat,linear-gradient(#c78660,#c78660) right top/3px 30px no-repeat,linear-gradient(#9fbc79,#9fbc79) left bottom/30px 3px no-repeat,linear-gradient(#9fbc79,#9fbc79) left bottom/3px 30px no-repeat,linear-gradient(#688ab0,#688ab0) right bottom/30px 3px no-repeat,linear-gradient(#688ab0,#688ab0) right bottom/3px 30px no-repeat}.vn-demo-play{display:flex;gap:12px;align-items:center;position:absolute;bottom:14px;left:50%;transform:translateX(-50%);white-space:nowrap;border:0;background:#fff;font-size:11px;padding:8px 14px}.vn-demo-play>span{background:var(--lime);padding:5px 8px;color:#425c30}.vn-home .vn-reader-hint{font-size:11px;line-height:1.5;padding:6px 21px 22px;color:var(--muted)}.vn-process{display:flex;justify-content:space-between;gap:8px;margin-top:20px;font-size:12px;color:var(--muted)}.vn-process i{font-style:normal;background:#e6eedb;padding:3px 6px;margin-right:5px}.vn-reader[data-phase=scan] .vn-reader-scene:after{content:"";position:absolute;left:8%;right:8%;top:30px;height:2px;background:#9ebc7b;animation:vn-scan .65s ease-in-out}.vn-reader[data-phase] .vn-demo-play{display:none}.vn-reader[data-phase=result] .vn-reader-scene{height:145px;margin-bottom:10px}.vn-reader[data-phase=result] .vn-corners{display:none}.vn-demo-result{padding:0 24px 16px;animation:vn-arrive .25s ease-out}.vn-demo-result h2{font-size:23px}.vn-demo-result p{font-size:13px;line-height:1.6;margin:12px 0}.vn-demo-result .paper-action{font-size:12px;padding:12px;display:inline-flex;text-decoration:none}.vn-demo-reset{border:0;background:#fff;font-size:11px;margin:14px 0 0;display:block;padding:0;text-decoration:underline;text-underline-offset:4px}
.vn-create,.vn-quick,.vn-help{border-top:1px solid var(--line);padding:38px 0}.vn-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.vn-home .vn-section-heading h2{font-size:34px}.vn-section-heading>a{font-size:13px}.vn-home .vn-create-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:0;padding:0;border:0}.vn-home .vn-create-card{display:block;background:#fff;border:1px solid var(--line);padding:0;min-width:0;text-decoration:none;overflow:hidden}.vn-creation-art{display:block;aspect-ratio:1.7;background:#f6f8fa;border-bottom:1px solid #e9eef2}.vn-create-card:nth-child(2) .vn-creation-art{background:#f5f8ef}.vn-create-card:nth-child(3) .vn-creation-art{background:#fbf8f5}.vn-creation-art img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.vn-create-card:hover img{transform:scale(1.03) rotate(-2deg)}.vn-creation-meta{display:block;padding:23px}.vn-creation-meta>b{font:600 20px/1.4 Unbounded,sans-serif;letter-spacing:-.035em}.vn-creation-meta>span{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-top:19px;color:var(--muted)}.vn-creation-meta i{font-size:22px;font-style:normal;color:var(--orange);line-height:1}.vn-quick{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.vn-home .vn-quick h2{font-size:25px}.vn-quick nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px}.vn-quick nav>a{display:flex;align-items:center;gap:12px;min-height:65px;text-decoration:none;border-bottom:1px solid var(--line);font-size:13px}.vn-quick img{width:73px;height:60px;object-fit:contain}.vn-quick b{margin-left:auto;color:var(--orange);font-weight:400;font-size:22px}.vn-help{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center;padding:20px 0}.vn-install{display:flex;align-items:center;gap:12px}.vn-install img{width:165px;height:130px;object-fit:contain}.vn-home .vn-install h2{font-size:23px;margin-bottom:14px}.vn-install .header-install-link{border:0;padding:0;font-size:12px;text-decoration:underline;background:transparent;min-height:0}.vn-help details{padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.vn-help details p{font-size:13px;line-height:1.7;margin:15px 0 0}.vn-help summary{cursor:pointer}.vn-home .home-return{border:0;margin:0;padding:0}.vn-home .home-recent{padding:18px 0;border-top:1px solid var(--line)}.vn-home .home-recent h2{font-size:14px;margin-bottom:15px}.vn-home .home-recent nav{display:flex;flex-wrap:wrap;gap:10px 25px;font-size:12px}
.vn-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px;width:min(1240px,calc(100% - 80px));margin:auto;padding:25px 0;border-top:1px solid var(--line)}.vn-footer>.wordmark{font-size:16px}.vn-footer nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px 20px;max-width:750px;font-size:11px}.vn-footer small{flex-basis:100%;font-size:10px;color:var(--muted)}
.vn-navigation{position:fixed;width:min(920px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:25px;border:1px solid #cddbe5;box-shadow:10px 12px 0 #345b831c;color:var(--ink);background:#fff;overflow:auto}.vn-navigation::backdrop{background:#233e55a3}.vn-navigation-open{overflow:hidden}.vn-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.vn-dialog-top h2{font:600 25px/1.4 Unbounded;margin:0}.vn-dialog-top button{width:40px;height:40px;background:#fff;border:1px solid var(--line);font-size:26px;flex-shrink:0}.vn-search-field{display:grid;gap:8px;font-size:12px}.vn-search-field input{padding:13px;border:1px solid #b6cad8;background:#fff;min-width:0;color:var(--ink)}.vn-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.vn-filters button{border:1px solid var(--line);padding:9px 13px;background:#fff;color:var(--ink);font-size:12px}.vn-filters [aria-pressed=true]{background:#eaf1df;border-color:#a6bd88}.vn-nav-status{font-size:12px;min-height:18px;color:var(--muted)}.vn-nav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vn-nav-grid>a{display:grid;grid-template-columns:75px 1fr;gap:4px 10px;align-content:center;min-height:103px;padding:10px;border:1px solid var(--line);text-decoration:none;background:#fff}.vn-nav-grid>a:hover{background:#f5f8ef}.vn-nav-grid img{width:75px;height:75px;object-fit:contain;grid-row:1/3;align-self:center}.vn-nav-grid b{font-size:12px;line-height:1.5}.vn-nav-grid span{font-size:11px;line-height:1.5;color:var(--muted)}.vn-own-work{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:12px;padding:20px 0;border-top:1px solid var(--line);margin-top:22px}.vn-full-directory{font-size:12px}.vn-home .vn-own-work{margin-top:10px}
/* Editorial pages, tool directory and workspaces use the same paper and accents. */
body .seo-page{background:#fff;color:var(--ink)}body .seo-content{max-width:1320px;margin:auto;padding-inline:40px}body .breadcrumbs{font-size:12px;margin:24px 0;line-height:1.65}body .seo-page .seo-hero{padding:22px 0 32px;min-height:0;background:#fff;border:0;gap:35px;align-items:center}body .seo-page .seo-hero h1{font-size:clamp(30px,3.5vw,49px);line-height:1.22;letter-spacing:-.045em;max-width:920px}body .seo-page .seo-hero-copy{padding:0;order:0;min-width:0}body .seo-page .seo-hero .seo-lead{font-size:17px;line-height:1.65;max-width:760px}body .seo-page .seo-hero .hero-actions{margin-top:20px;gap:12px}body .seo-page .seo-hero .primary-action{font-size:13px;padding:14px 20px}body .seo-page .seo-hero .paper-action{font-size:13px;padding:13px 18px}body .seo-page .seo-hero--visual{grid-template-columns:minmax(0,1fr) 280px}body .seo-page .seo-hero-illustration{display:block;position:relative;min-width:0;background:#f6f8fa;transform:rotate(2deg);border:1px solid var(--line)}.seo-hero-illustration img{display:block;width:100%;height:190px;object-fit:contain}.seo-hero-illustration span{display:block;text-align:center;padding:5px 12px 13px;font-size:10px;color:var(--muted)}body .seo-page .seo-tool{background:#fff;border:1px solid #d4dfe8;box-shadow:6px 6px 0 #eff4f7;padding:25px;margin-top:10px}body .seo-tool-head{border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:18px}body .seo-tool-head h2{font-size:23px;color:var(--ink)}body .seo-tool-head .seo-kicker{font-size:10px;color:var(--muted)}body .seo-page .seo-chapter{background:#fff;padding-block:35px;border-top:1px solid var(--line)}body .seo-page .seo-chapter--tint{background:#f8fafb}body .seo-page .seo-chapter h2{font-size:clamp(24px,2.5vw,33px);line-height:1.35}body .seo-page .seo-chapter p{line-height:1.8}body .seo-page .seo-stamp{color:var(--orange);background:#f5f8ef;box-shadow:none;transform:rotate(-3deg)}body .seo-page .seo-pull{background:#f2f6ed;color:var(--ink);border-left:4px solid var(--lime);font-size:20px;transform:none}body .seo-page .seo-task-passport,body .seo-page .seo-editorial-brief,body .seo-page .seo-hub-brief,body .seo-page .seo-limit-band{background:#f6f8fa;color:var(--ink);border:1px solid var(--line);box-shadow:none}body .seo-page .seo-task-passport aside,body .seo-page .seo-hub-brief aside{background:#eff4e8;color:#415738}body .seo-page .seo-next,body .seo-page .seo-related{background:#fff;border-top:1px solid var(--line);color:var(--ink)}body .seo-next nav a,body .seo-related nav a{background:#f6f8fa;color:var(--ink);border:1px solid var(--line)}body .seo-site-footer{background:#fff;color:var(--muted);border-top:1px solid var(--line)}body .seo-hub-grid>a{display:grid;grid-template-columns:90px 1fr;column-gap:15px;align-content:start;padding:20px;border:1px solid var(--line);background:#fff;box-shadow:none;color:var(--ink)}.seo-hub-grid>a>.visual-art{width:90px;height:85px;object-fit:contain;grid-row:1/4}.seo-hub-grid>a>b{font-size:15px;line-height:1.5}.seo-hub-grid>a>p{font-size:13px;line-height:1.6}.seo-hub-grid>a>span{font-size:12px}body .tool-directory-controls{background:#f6f8fa;border:1px solid var(--line);padding:22px}body .tool-directory-card{background:#fff;border:1px solid var(--line);box-shadow:none}body .tool-directory-card>a{display:grid;grid-template-columns:85px 1fr;gap:4px 14px;padding:16px}body .tool-directory-card>a>.visual-art{width:85px;height:85px;object-fit:contain;grid-row:1/3}body .tool-directory-card h3{font-size:16px;line-height:1.5}body .tool-directory-card p{font-size:13px;line-height:1.6;margin:6px 0 0}body .tool-directory-card .tool-directory-favorite{border-top:1px solid #edf1f4;font-size:11px}body .tool-directory-card:hover{border-color:#a6bbcc}body .tool-directory-group-heading h2{font-size:26px}body .tool-directory-heading h1{font-size:40px}body .tool-directory-grid{gap:16px}
body .camera-entry-dialog{border:1px solid var(--line);box-shadow:7px 8px 0 #345b8320;background:#fff;color:var(--ink)}body .camera-dialog-heading{background:#fff;border-bottom:1px solid var(--line)}body .camera-dialog-heading h2{font-size:24px}body .camera-entry-intro{font-size:14px;line-height:1.65}body .camera-entry-dialog .seo-tool{box-shadow:none}body .scan-intro,body .tool-work-bar{background:#f5f8fa}body .tool-work-modal{background:#fff;color:var(--ink)}body .studio-section,body .qr-generator-section,body .page-studio-route{background:#fff}body .studio-tabs button,body .qr-main-tabs button{background:#fff}body .studio-tabs button.active,body .qr-main-tabs button.active{background:#edf3e5;color:#344e29;border-color:#a4bd80}body .studio-title h2,body .studio-heading h2,body .qr-generator-section h2{font-size:clamp(25px,3vw,38px);line-height:1.3}body .page-workspace,body .page-creation,body .permanent-qr{background:#fff}body .utility-hero{background:#fff;border-bottom:1px solid var(--line)}body .utility-main{background:#fff}body .utility-hero h1{font-size:clamp(34px,4vw,56px)}body .utility-intake{background:#f5f8fa;border:1px solid var(--line)}
/* Home sections stay mounted while editing; ordinary scrolling never mounts React. */
.app-shell.vn-app>main>.qr-generator-section,.app-shell.vn-app>main>.studio-section,.app-shell.vn-app>main>.cabinet-section{display:none}.app-shell.vn-app.workspace-screen>main>#studio{display:block}.app-shell.vn-app.vn-qr-screen>main>:not(.qr-generator-section){display:none}.app-shell.vn-app.vn-qr-screen>main>.qr-generator-section{display:block}.app-shell.vn-app.vn-cabinet-screen>main>:not(.cabinet-section){display:none}.app-shell.vn-app.vn-cabinet-screen>main>.cabinet-section{display:block}.app-shell.vn-app>main>details.vn-legacy{width:min(1240px,calc(100% - 80px));margin:0 auto 24px;border-top:1px solid var(--line);padding-top:18px}.vn-legacy>summary{font-size:13px;cursor:pointer}.vn-legacy .hero{padding-inline:0;max-width:100%}.vn-work-return{display:none}.workspace-screen .vn-work-return,.vn-qr-screen .vn-work-return{display:flex!important;gap:18px;max-width:1240px;margin:22px auto;padding:0 28px;font-size:12px}
@keyframes vn-arrive{from{opacity:.4;transform:translateY(9px) rotate(-2deg)}to{opacity:1;transform:none}}@keyframes vn-scan{from{transform:translateY(0)}to{transform:translateY(235px)}}
@media(max-width:1150px){body .vn-header{gap:12px;padding-inline:24px}body .vn-header .top-nav{gap:18px}body .vn-header .my-codes-menu{display:none}body .vn-header .mobile-menu{display:block}body .vn-header .mobile-menu summary{width:42px;height:46px;display:grid;place-items:center;padding:9px;border:1px solid var(--line);background:#fff;color:var(--ink)}body .vn-header .mobile-menu summary span{display:none}body .vn-header .mobile-menu-panel{position:absolute;right:15px;left:auto;top:70px;width:300px;max-height:calc(100dvh - 160px);overflow:auto}body .vn-header .header-install-link{font-size:0;gap:0}body .vn-header .header-install-link span{font-size:24px}.vn-home .vn-hero{gap:35px}.vn-creation-meta{padding:19px}.vn-creation-meta>b{font-size:17px}.vn-objects img{height:51px}.vn-home .vn-install h2{font-size:20px}.vn-install img{width:125px}}
@media(max-width:850px){body .vn-header .top-nav{display:none}.vn-home{width:calc(100% - 44px)}.vn-home .vn-hero{gap:25px;padding-top:30px}.vn-home #home-title{font-size:43px}.vn-actions{gap:9px}.vn-actions a{font-size:11px;padding:12px}.vn-actions b{display:none}.vn-home .vn-lead{font-size:14px}.vn-objects{grid-template-columns:repeat(3,minmax(0,1fr))}.vn-objects button{font-size:11px}.vn-reader-scene{height:290px;margin:12px}.vn-demo-play{font-size:9px;padding:8px}.vn-demo-result h2{font-size:20px}.vn-reader-heading{padding:15px}.vn-home .vn-create-gallery{gap:15px}.vn-creation-meta>b{font-size:15px}.vn-creation-meta>span{font-size:11px;line-height:1.6}.vn-quick{grid-template-columns:1fr;gap:18px}.vn-help{gap:20px}.vn-install{gap:0}.vn-home .vn-install h2{font-size:18px}.vn-footer{width:calc(100% - 44px);margin-bottom:85px}.vn-footer nav{justify-content:start}.vn-mobile-dock{display:grid;position:fixed;left:0;right:0;bottom:0;grid-template-columns:repeat(3,1fr);padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff;z-index:38;border-top:1px solid var(--line);box-shadow:0 -5px 20px #345b8308}.vn-mobile-dock>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;min-height:48px;text-decoration:none}.vn-mobile-dock>a>span{height:20px;font-size:23px;line-height:20px}.vn-mobile-dock .camera-entry-mark{margin-top:3px;height:16px;margin-bottom:1px}.vn-mobile-dock>a:first-child{color:#a65b38}body{padding-bottom:77px}body .seo-content{padding-inline:22px}body .seo-page .seo-hero--visual{grid-template-columns:minmax(0,1fr) 190px;gap:18px}.seo-hero-illustration img{height:145px}.seo-hero-illustration span{font-size:9px}body .seo-page .seo-tool{padding:20px}body .seo-page .seo-hero h1{font-size:34px}.vn-dialog-top h2{font-size:22px}.vn-nav-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body .vn-header{min-height:70px;padding:10px 18px;gap:8px}body .vn-header .wordmark{font-size:13px;gap:6px}body .vn-header .brand-cut{width:30px;height:33px;font-size:20px}body .vn-header .brand-name{display:flex;flex-direction:column;align-items:start;gap:2px}body .vn-header .brand-name em{font-size:7px;padding:2px 5px}body .vn-header .head-actions{gap:5px}body .vn-header .header-camera-tools{gap:5px}body .vn-header .camera-entry-link{padding:10px;width:39px;min-height:40px}body .vn-header .camera-entry-link>span:last-child{display:none}body .vn-header .header-install-link{width:36px;min-height:40px;padding:6px}body .vn-search-button{width:36px;height:40px}body .vn-header .mobile-menu summary{width:34px;height:40px}body .vn-header .mobile-menu summary i{width:16px}body .vn-header .mobile-menu-panel{width:min(330px,calc(100vw - 30px));top:65px}.vn-home{width:calc(100% - 36px)}.vn-home .vn-hero{display:block;padding:28px 0}.vn-home #home-title{font-size:44px;line-height:1.12}.vn-home .eyebrow{font-size:10px;margin-bottom:19px}.vn-home .vn-lead{font-size:14px;margin:18px 0}.vn-actions a{font-size:12px;min-height:50px;padding:12px 17px}.vn-actions .primary-action{flex:1}.vn-home .vn-quiet{font-size:10px;margin-top:15px}.vn-example-picker{margin-top:24px}.vn-example-picker>p{font-size:11px;margin-bottom:10px}.vn-objects{gap:8px}.vn-objects img{height:62px}.vn-objects button{font-size:11px}.vn-reader-column{display:none;margin-top:24px;scroll-margin-top:88px}.vn-reader-column.is-open{display:block}.vn-reader-scene{height:250px;margin:14px}.vn-reader[data-phase=result] .vn-reader-scene{height:120px}.vn-demo-result{padding:0 18px 14px}.vn-demo-result h2{font-size:22px}.vn-home .vn-reader-hint{font-size:10px;padding:4px 18px 17px}.vn-process{font-size:11px}.vn-create,.vn-quick{padding:28px 0}.vn-home .vn-section-heading h2{font-size:27px}.vn-section-heading>a{font-size:10px;max-width:83px;line-height:1.6}.vn-section-heading{gap:15px;margin-bottom:20px}.vn-home .vn-create-gallery{grid-template-columns:1fr;gap:13px}.vn-home .vn-create-card{display:grid;grid-template-columns:43% 57%;align-items:center}.vn-creation-art{aspect-ratio:auto;height:145px;border:0}.vn-creation-art img{transform:scale(1.18)}.vn-creation-meta{padding:14px}.vn-creation-meta>b{font-size:17px;line-height:1.5}.vn-creation-meta>span{font-size:11px;margin-top:10px}.vn-home .vn-quick h2{font-size:22px}.vn-quick nav{gap:8px 15px}.vn-quick nav>a{font-size:12px;gap:5px}.vn-quick img{width:52px;height:52px}.vn-help{grid-template-columns:1fr;padding:15px 0 20px;gap:5px}.vn-install{gap:10px}.vn-install img{width:123px}.vn-home .vn-install h2{font-size:22px}.vn-help details{padding:16px 0}.vn-footer{width:calc(100% - 36px);margin-bottom:0}.vn-navigation{width:calc(100% - 20px);max-height:calc(100dvh - 24px);padding:18px}.vn-dialog-top h2{font-size:19px}.vn-nav-grid{gap:9px}.vn-nav-grid>a{grid-template-columns:1fr;text-align:center;padding:10px}.vn-nav-grid img{grid-row:auto;justify-self:center;width:100px;height:70px}.vn-nav-grid b{font-size:12px}.vn-nav-grid span{font-size:10px}.vn-filters{gap:6px}.vn-filters button{font-size:11px;padding:9px}.vn-own-work{font-size:11px;gap:13px}.vn-search-field input{font-size:16px}body .seo-content{padding-inline:18px}body .seo-page .seo-hero--visual{grid-template-columns:minmax(0,1fr) 84px;gap:10px}body .seo-page .seo-hero h1{font-size:28px;overflow-wrap:anywhere}body .seo-page .seo-hero .seo-lead{font-size:15px;grid-column:1/-1}body .seo-page .seo-hero-copy{grid-column:1/-1}body .seo-page .seo-hero-illustration{grid-column:2;grid-row:1;position:absolute;right:0;top:0;width:84px;opacity:1}body .seo-page .seo-hero--visual{position:relative;padding-top:70px}.seo-hero-illustration img{height:60px}.seo-hero-illustration span{display:none}body .seo-page .seo-tool{padding:15px;box-shadow:4px 4px 0 #eff4f7}body .seo-tool-head h2{font-size:20px;line-height:1.4}body .seo-hub-grid>a{grid-template-columns:65px 1fr;gap:8px 12px;padding:15px}.seo-hub-grid>a>.visual-art{width:65px;height:65px}body .tool-directory-card>a{grid-template-columns:75px 1fr;padding:14px;gap:7px 12px}body .tool-directory-card h3{font-size:15px}body .tool-directory-heading h1{font-size:31px}body .tool-directory-group-heading h2{font-size:23px}body .tool-directory-controls{padding:15px}body .camera-dialog-heading h2{font-size:20px}body .camera-entry-intro{font-size:13px}.app-shell.vn-app>main>details.vn-legacy{width:calc(100% - 36px)}body .seo-page .seo-chapter{padding-block:25px}}
@media(max-width:360px){body .vn-header{padding-inline:12px}body .vn-header .wordmark{font-size:12px}body .vn-header .head-actions{gap:4px}body .vn-header .header-camera-tools{gap:4px}.vn-home #home-title{font-size:39px}.vn-actions a{font-size:11px;padding-inline:12px}.vn-creation-meta>b{font-size:14px}.vn-creation-meta>span{font-size:10px}.vn-creation-art{height:134px}.vn-home .vn-install h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vn-home *,.vn-nav-grid *{animation:none!important;transition:none!important}.vn-reader[data-phase=scan] .vn-reader-scene:after{display:none}}
.vn-home .vn-hero:before,.vn-home .vn-hero:after{content:none}
body .vn-header .head-actions:has(.header-camera-tools)>.vn-search-button{display:grid}
body .vn-header .header-camera-tools{width:auto;flex:none}
body .vn-header .header-camera-tools>*{flex:none}
body .vn-header .head-actions:has(.header-camera-tools){grid-column:auto;justify-content:flex-end}
body .seo-page--directory .tool-directory-controls{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;grid-template-areas:"search view camera" "routes routes routes" "meta meta meta";gap:16px;padding:20px;background:#f6f8fa;align-items:end}
body .seo-page--directory .tool-directory-search{grid-area:search}
body .seo-page--directory .tool-directory-view{grid-area:view}
body .seo-page--directory .tool-directory-camera{grid-area:camera;margin:0;align-items:center}
body .seo-page--directory .tool-directory-camera p{display:none}
body .seo-page--directory .tool-directory-routes{grid-area:routes}
body .seo-page--directory .tool-directory-meta{grid-area:meta}
body .seo-page--directory .tool-directory-controls input,body .seo-page--directory .tool-directory-controls select{min-height:46px}
.vn-subject-example{margin:12px 0 28px;border-block:1px solid var(--line);padding:15px 0;font-size:13px}.vn-subject-example>summary{cursor:pointer}.vn-subject-example>.genre-visual,.vn-subject-example>.seo-hero-scene{margin:24px auto;max-width:720px}
body .app-shell.vn-app>main>.cabinet{display:none}body .app-shell.vn-app.vn-cabinet-screen>main>.cabinet{display:block}
body .vn-app .qr-main-tabs{max-width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}body .vn-app .qr-main-tabs button{min-width:0;white-space:normal;overflow-wrap:anywhere}body .vn-app .qr-main-tabs small{white-space:normal}
body .vn-app .labels-settings select{min-width:0;max-width:100%}
@media(max-width:1150px){body .vn-header .head-actions:has(.header-camera-tools)>.mobile-menu{display:block}}
@media(max-width:850px){body .seo-page--directory .tool-directory-controls{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"search camera" "view view" "routes routes" "meta meta"}.vn-subject-example .genre-visual{max-width:100%}}
@media(max-width:600px){body .seo-page--directory .tool-directory-controls{padding:15px;gap:14px}.vn-subject-example{font-size:12px}body .vn-app .qr-main-tabs button{font-size:11px;padding:10px 5px}body .vn-app .qr-main-tabs small{font-size:10px}body .vn-app .label-controls{display:grid;grid-template-columns:1fr}body .vn-app .label-controls label,body .vn-app .label-controls select{min-width:0;width:100%}}
@media print{.vn-header,.vn-mobile-dock,.vn-footer,.vn-work-return,.vn-navigation{display:none!important}body{padding:0}}
/* Overrides for the old mobile header's high-specificity :not rule. */
body .vn-header .head-actions>.vn-search-button{display:grid!important}
@media(max-width:1150px){body .vn-header .head-actions>.mobile-menu{display:block!important}}
body .vn-app .tool-controls{min-width:0;max-width:100%}body .vn-app .tool-controls>label{min-width:0}body .vn-app .tool-controls select{width:100%;min-width:0;max-width:100%}
body .vn-app .qr-main-tabs button.active>span,body .vn-app .studio-tabs button.active>span{color:#344e29}body .vn-app .qr-main-tabs button.active small,body .vn-app .studio-tabs button.active small{color:#526846}
body .vn-qr-screen .qr-generator-section{padding-top:26px}body .vn-qr-screen .qr-generator-heading{gap:25px;margin-bottom:24px}body .vn-qr-screen .qr-generator-heading>p{font-size:15px;line-height:1.65}body .vn-qr-screen .qr-generator-heading h2{font-size:30px}body .vn-app .qr-main-tabs{padding:0;margin-bottom:20px;gap:8px}body .vn-app .qr-main-tabs:before,body .vn-app .qr-main-tabs:after{content:none}
@media(max-width:600px){body .vn-app .qr-main-tabs button{display:block;min-height:66px;padding:12px 7px;box-shadow:none;border:1px solid var(--line);text-align:center}body .vn-app .qr-main-tabs button>b,body .vn-app .qr-main-tabs button small{display:none}body .vn-app .qr-main-tabs button>span{font-size:11px;line-height:1.5;font-family:Onest,sans-serif;font-weight:600}body .vn-qr-screen .qr-generator-heading{display:block}body .vn-qr-screen .qr-generator-heading>p{margin:15px 0 0}body .vn-qr-screen .qr-generator-heading .eyebrow{font-size:10px}}
body #root .seo-hero--visual{display:grid;grid-template-columns:minmax(0,1fr) 240px}
body #root .seo-hero-illustration{margin:0;transform:rotate(2deg)}
body #root .tool-controls,body #root .qr-editor,body #root .permanent-qr-editor{background:#fff;color:var(--ink);border:1px solid var(--line)}
body #root .tool-controls h3,body #root .qr-editor h3,body #root .permanent-qr-editor h3{color:var(--ink);font-size:27px}
body #root .tool-controls .studio-kicker,body #root .qr-editor .studio-kicker,body #root .permanent-qr-editor .studio-kicker{color:#a35b38}
body #root .tool-controls label>span,body #root .qr-editor label>span,body #root .permanent-qr-editor label>span,body #root .qr-links-editor>span{color:#536d82;font-size:11px;font-weight:600}
body #root .tool-controls input:not([type=checkbox]),body #root .tool-controls select,body #root .tool-controls textarea,body #root .qr-editor input:not([type=checkbox]):not([type=color]),body #root .qr-editor select,body #root .qr-editor textarea,body #root .permanent-qr-editor input:not([type=checkbox]):not([type=color]),body #root .permanent-qr-editor select,body #root .permanent-qr-editor textarea{background:#f8fafb;color:var(--ink);border:1px solid #cbd9e3;font-weight:400}
body #root .qr-type-grid button{background:#fff;border:1px solid #cbd9e3;color:var(--ink)}body #root .qr-type-grid button b{color:#ae6440}body #root .qr-type-grid button.active{background:#edf3e3;border-color:#a3bb82;color:#344e29}body #root .qr-type-grid button.active b{color:#5e7a41}
body #root .tool-controls .output-facts b{color:#567d39}body #root .tool-controls .output-facts span,body #root .tool-controls .honest-note{color:#536d82}
body #root .label-preview,body #root .qr-preview-panel,body #root .phone-preview{background:#f5f8fa;border:1px solid var(--line)}body #root .qr-preview-panel:before,body #root .qr-preview-panel:after{content:none}
body #root .label-product-list,body #root .label-product-picker,body #root .label-product-choice{background:#fff;color:var(--ink)}
body #root .qr-editor .qr-mode-description,body #root .qr-editor .qr-note,body #root .qr-editor .qr-hint,body #root .qr-editor .qr-warning{color:var(--muted)}
body .utility-hero:before,body .utility-hero:after,body .utility-hero-scene:before,body .utility-hero-scene:after{content:none}body .utility-hero-scene{background:#f5f8fa;border:1px solid var(--line);transform:none;min-height:360px}body .utility-hero{min-height:0;padding-block:35px;gap:40px}body .utility-sheet{box-shadow:7px 8px 0 #dce5eb}body .utility-route-tag{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}body .utility-delta-tag{background:#eaf1df;box-shadow:none}
@media(max-width:850px){body #root .seo-hero--visual{grid-template-columns:minmax(0,1fr) 160px}}
@media(max-width:600px){body #root .seo-hero--visual{grid-template-columns:1fr}body #root .tool-controls h3,body #root .qr-editor h3{font-size:24px}body #root .qr-editor,body #root .permanent-qr-editor{padding:22px 16px}body .utility-hero{padding-block:25px}}
body #root .page-blueprint{display:grid;grid-template-columns:90px 1fr;gap:5px 12px;background:#fff;border:1px solid var(--line);padding:15px;min-height:130px;border-radius:0;color:var(--ink)}body #root .page-blueprint .vn-blueprint-art{grid-row:1/4;width:90px;height:100px;align-self:center;object-fit:contain}body #root .page-blueprint>b{font-family:Unbounded,sans-serif;font-size:14px;line-height:1.6}body #root .page-blueprint.is-selected{border-color:#a2bb7e;background:#f5f8ef;box-shadow:3px 3px 0 #dce8c8}body #root .page-blueprint>span{color:#61788c}body #root .page-blueprint>i{display:none}body #root .page-studio-steps .active,body #root .page-studio-steps [aria-current=step]{color:var(--ink);border-color:var(--orange)}body #root .page-studio-top>a{color:var(--ink)}
@media(max-width:680px){body #root .page-blueprints{display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:10px;padding:0}body #root .page-blueprint{grid-template-columns:1fr;padding:12px;min-height:0;gap:7px}body #root .page-blueprint .vn-blueprint-art{grid-row:auto;width:100%;height:75px}body #root .page-blueprint>b{font-size:13px}body #root .page-blueprint>small{font-size:11px;line-height:1.6}}
.vn-app>main>.pricing{display:none}.vn-app.vn-pricing-screen>main>.pricing{display:block}.vn-home-guide-host{display:contents}.vn-home-guide{width:min(1240px,calc(100% - 80px));margin:0 auto 24px;border-top:1px solid var(--line);padding-top:18px}.vn-home-guide>summary{font-size:13px;cursor:pointer}.vn-home-guide .home-annex{margin:0;padding:20px 0;max-width:100%;background:#fff}.vn-home-guide .seo-answer{background:#f4f7f9;color:var(--ink)}.vn-home-guide .home-annex-facts{gap:20px}
@media(max-width:600px){.vn-home-guide{width:calc(100% - 36px)}}
body #root .restore-box{background:#f5f8fa;color:var(--ink);border:1px solid var(--line);box-shadow:none}body #root .restore-box input{background:#fff;border:1px solid #c6d6e1;color:var(--ink)}body #root .restore-box button{background:#e5eed9;color:#344e29}body #root .restore-box input::placeholder{color:#697d8e}
body #root .vn-app .qr-generator-section>.mobile-tab-hint{display:none}
body #root .seo-strip{display:flex;flex-wrap:wrap;gap:12px 20px;max-width:100%;padding:18px 0;background:#fff;color:var(--ink);border-block:1px solid var(--line)}body #root .seo-strip a{white-space:normal;max-width:100%;overflow-wrap:anywhere;line-height:1.6;font-size:12px}body #root .qr-generator-heading:after{content:none}
body #root .qr-editor .work-library{background:#f5f8fa;color:var(--ink);border-color:var(--line)}body #root .qr-editor .work-library summary,body #root .qr-editor .work-library button,body #root .qr-editor .work-library small{color:var(--ink);border-color:#c6d6e1}body #root .qr-editor .qr-privacy-proof,body #root .qr-editor .qr-logo-field>span,body #root .qr-editor .qr-extra-note,body #root .qr-editor .permanent-explain,body #root .permanent-qr-editor .permanent-explain,body #root .permanent-qr-editor .qr-extra-note{color:#536d82}body #root .qr-editor .qr-logo-guide p{color:#536d82}body #root .seo-site-footer span{color:#627689}body #root .qr-extra-editor{border-color:var(--line)}body #root .qr-extra-editor summary,body #root .qr-extra-editor label>span,body #root .qr-links-editor .text-action{color:var(--ink)}body #root .qr-manager-grid>div{background:#f6f8fa;color:var(--ink);border:1px solid var(--line)}body #root .qr-manager-grid input:not([type=checkbox]),body #root .qr-manager-grid textarea,body #root .qr-manager-grid select{background:#fff;color:var(--ink);border:1px solid #c6d6e1}body #root .qr-manager-grid label>span{color:var(--muted)}
/* Secondary QR appearance settings keep the data and result close together */
.qr-appearance{border:1px solid #d9e3ea;background:#fff;margin:16px 0}
.qr-appearance>summary{cursor:pointer;padding:16px;color:var(--ink);font-weight:650;font-size:14px}
.qr-appearance .qr-style-panel{padding:16px;margin:0;border:0}
.qr-appearance>summary:focus-visible{outline:2px solid #b95c35;outline-offset:2px}
/* Educational video series: bounded media, separate actions, no layout jumps */
.video-picks{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.video-picks button{position:relative;min-width:0;min-height:94px;padding:5px 3px 7px;font-family:Onest,sans-serif;color:var(--ink);cursor:pointer}
.video-picks button img{height:55px;width:100%;object-fit:contain}
.video-picks button small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:3px}
.vn-home .vn-example-picker>p{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}
.vn-home .vn-example-picker>p>span{font-size:10px;color:var(--muted)}
.story-player{min-width:0;border:1px solid var(--line);background:#fff;box-shadow:6px 7px 0 #eff4f7;scroll-margin-top:100px}
.story-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font:500 13px Onest,sans-serif;color:var(--ink)}
.story-heading>span{flex-shrink:0;color:var(--muted);font-size:11px}
.story-screen{position:relative;aspect-ratio:3/2;margin:0 12px;background:#f3f6f8;overflow:hidden}
.story-screen video{display:block;width:100%;height:100%;aspect-ratio:3/2;object-fit:contain;background:white}
.story-start{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;white-space:nowrap;padding:13px 18px;min-height:46px;background:var(--orange);color:#fff;border:0;box-shadow:4px 4px 0 var(--lime);font:500 12px Onest,sans-serif;cursor:pointer}
.story-start>span{font-size:18px}
.story-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0!important;margin:-1px!important;font:400 11px/1.6 Onest,sans-serif;color:var(--muted)}
.story-status[data-notice]{position:static;width:auto;height:auto;clip-path:none;overflow:visible;white-space:normal;margin:8px 18px!important;color:var(--orange)}
.story-footer{position:relative;padding:0 18px 10px}
.story-player .story-result{padding:0;margin:0 60px 0 0;animation:none}
.story-result a{display:inline-flex;align-items:center;min-height:44px;font:500 12px/1.5 Onest,sans-serif;color:var(--ink);text-decoration:underline;text-decoration-color:#cbd8e3;text-underline-offset:4px}
.story-result a:hover{color:var(--orange);text-decoration-color:currentColor}
.story-more{margin:0;padding:0;border:0;font:400 12px/1.6 Onest,sans-serif;color:var(--muted)}
.story-more>summary{position:absolute;right:12px;top:0;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;list-style:none;cursor:pointer;color:var(--muted)}
.story-more>summary::-webkit-details-marker{display:none}
.story-more[open]>summary{color:var(--orange)}
.story-more-body{padding:8px 0 4px;border-top:1px solid var(--line)}
.story-options{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}
.story-options>button,.story-options>a{display:inline-flex;align-items:center;min-height:44px;background:none;border:0;padding:0;color:var(--ink);font:500 12px Onest,sans-serif;cursor:pointer;text-decoration:underline;text-decoration-color:#cbd8e3;text-underline-offset:4px}
.story-more ol{padding-left:20px;margin:8px 0 12px}.story-more p{margin:0 0 8px!important}
.video-shelf{margin:22px 0;border:1px solid var(--line);background:#fff;scroll-margin-top:100px}
.video-shelf>summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;cursor:pointer;min-height:58px;color:var(--ink)}
.video-shelf>summary>span{display:grid;place-items:center;background:var(--lime);width:32px;height:32px;font-size:14px}
.video-shelf>summary>b{font:600 15px Onest,sans-serif}.video-shelf>summary>small{font:400 12px Onest,sans-serif;margin-left:auto}
.video-shelf-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:24px;align-items:start;padding:16px 22px}
.video-shelf .video-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.video-shelf .video-picks button{border:1px solid var(--line);background:#fff;font-size:12px}
.video-shelf .video-picks button[aria-pressed=true]{border-color:#b7ce96;background:#f1f6e8}
.story-all{display:inline-block;margin:0 22px 20px;font-size:13px}
@media(max-width:850px){.video-picks{grid-template-columns:repeat(5,minmax(0,1fr))}.video-picks button{font-size:10px}.video-picks button img{height:42px}.video-shelf-layout{gap:15px;padding:14px}.video-shelf .video-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.story-heading{padding:13px}}
@media(max-width:600px){.vn-home .vn-reader-column{display:block;margin-top:22px}.video-picks{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.video-picks button{font-size:9px;min-height:82px;padding:4px 1px}.video-picks button img{height:44px}.video-picks button small{font-size:8px}.story-heading{font-size:12px;line-height:1.5}.story-screen{margin:0 6px}.story-start{font-size:11px;padding:11px 14px}.video-shelf-layout{grid-template-columns:1fr}.video-shelf .video-picks{grid-template-columns:repeat(4,minmax(0,1fr))}.video-shelf>summary{padding:12px;gap:8px}.video-shelf>summary>b{font-size:14px}.video-shelf>summary>small{margin-left:40px;margin-top:-7px}.story-footer{padding-inline:12px}.story-more{font-size:11px}.story-result a{font-size:11px}}
.story-transport{display:flex;align-items:center;gap:10px;padding:0 12px;min-width:0}
.story-transport>button{display:grid;place-items:center;flex:0 0 44px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer}
.story-transport>button:hover{color:var(--orange)}.story-transport>button:disabled{opacity:.35;cursor:default}
.story-transport>input{min-width:0;width:100%;height:44px;accent-color:var(--ink);cursor:pointer;margin:0}
.story-transport>span{font:400 10px Onest,sans-serif;font-variant-numeric:tabular-nums;color:var(--muted)}
.story-transport>button:last-child{font-size:22px;line-height:1}
.story-toggle-icon{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;margin-left:3px}
[data-state=playing] .story-toggle-icon{width:10px;height:12px;border:0;border-inline:3px solid currentColor;margin:0}
[data-state=ended] .story-toggle-icon{width:auto;height:auto;border:0;margin:0;font-size:23px;line-height:1}
[data-state=ended] .story-toggle-icon:before{content:"↺"}
@media(max-width:600px){.story-transport{padding:0 6px;gap:6px}.story-more>summary{right:7px}}

/* Video examples continue inside the existing editor */
.video-example-note{display:flex;align-items:center;gap:12px;margin:14px 0;padding:12px 0;border-top:1px solid #e1e8ed;border-bottom:1px solid #e1e8ed}.video-example-note img{flex:0 0 64px;object-fit:contain}.video-example-note b,.video-example-note small{display:block}.video-example-note small{margin-top:4px;font-size:13px;line-height:1.5;font-weight:400}.video-label-editor{margin-bottom:20px}.video-label-editor>small{display:block;margin-top:8px;color:#647c91}.video-example-note div{min-width:0}.video-label-editor input{max-width:100%}

.video-label-editor .qr-field-pair{grid-template-columns:minmax(0,1fr) minmax(82px,.65fr)}.video-label-editor .qr-field-pair>label{min-width:0}.video-label-editor input{width:100%;min-width:0}.video-label-editor .qr-field-pair span{font-size:12px}
.vn-makeover-entry{display:flex;align-items:center;gap:15px;margin-top:20px;width:fit-content;text-decoration:none;font-size:13px;line-height:1.7}.vn-makeover-entry img{width:110px;height:68px;object-fit:contain;background:#f3f6f8;padding:6px}.vn-makeover-entry b{text-decoration:underline;text-underline-offset:3px}
.vn-home .vn-makeover-feature{grid-template-columns:1.1fr 1fr;gap:40px;scroll-margin-top:100px;align-items:center}.vn-makeover-movie,.vn-makeover-copy{min-width:0}.vn-makeover-movie video{display:block;width:100%;height:auto;aspect-ratio:3/2;background:#f3f6f8;border:1px solid var(--line);box-sizing:border-box}.vn-makeover-caption{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:12px 0 0;font:11px/1.5 Onest,sans-serif;color:var(--muted)}.vn-makeover-caption>span{margin-right:auto}.vn-makeover-caption button{padding:8px 0;min-height:32px;font:inherit;border:0;border-radius:0;background:transparent;color:var(--ink);box-shadow:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.vn-makeover-movie [hidden]{display:none!important}.vn-makeover-movie [data-journey-status]{font-size:12px;margin:8px 0 0}.vn-makeover-movie input{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--line);font:13px Onest,sans-serif;color:var(--ink);margin-top:8px}.vn-home .vn-makeover-copy h2{font-size:32px;line-height:1.25;margin:0 0 16px}.vn-makeover-copy>p:not(.eyebrow){font-size:14px;line-height:1.65;margin:0 0 16px;max-width:360px}.vn-makeover-steps{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:0;list-style:none;counter-reset:makeover-step}.vn-makeover-steps li{font-size:11px;white-space:nowrap;counter-increment:makeover-step}.vn-makeover-steps li:before{content:counter(makeover-step);color:var(--orange);margin-right:5px}.vn-makeover-copy .vn-makeover-entry{margin:20px 0;font-size:13px}.vn-makeover-copy nav{margin-top:24px}.vn-makeover-copy nav img{width:48px;height:44px}.vn-makeover-copy nav>a{min-height:54px;font-size:12px}.vn-makeover-copy nav b{font-size:16px}.vn-makeover-movie :is(a,button,input):focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media(max-width:850px){.vn-home .vn-makeover-feature{grid-template-columns:1fr 1fr;gap:25px}.vn-home .vn-makeover-copy h2{font-size:25px}.vn-makeover-copy nav{grid-template-columns:1fr}.vn-makeover-copy nav>a{min-height:44px}.vn-makeover-caption>span{flex-basis:100%}}
@media(max-width:600px){.vn-home .vn-makeover-feature{display:flex;flex-direction:column;gap:20px;align-items:stretch}.vn-makeover-copy{display:contents}.vn-makeover-copy>.eyebrow{order:0;margin-bottom:-10px}.vn-home .vn-makeover-copy h2{order:1;font-size:28px;margin:0}.vn-makeover-copy h2 br{display:none}.vn-makeover-copy>p:not(.eyebrow){order:2;margin:0}.vn-makeover-movie{order:3}.vn-makeover-steps{order:4;gap:8px 14px}.vn-makeover-copy .vn-makeover-entry{order:5;margin:0;width:100%;justify-content:center;box-sizing:border-box}.vn-makeover-copy nav{order:6;grid-template-columns:1fr 1fr;margin:0}.vn-makeover-caption>span{flex-basis:auto}.vn-makeover-caption{font-size:10px;gap:6px 12px}.vn-makeover-caption>span{margin-right:0}}
.vn-makeover-screen{position:relative}.vn-makeover-screen .vn-makeover-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;white-space:nowrap;min-height:48px;border:0;border-radius:0;padding:13px 18px;background:var(--orange);color:#fff;font:600 13px Onest,sans-serif;box-shadow:4px 4px 0 var(--lime);cursor:pointer}.vn-makeover-play:disabled{opacity:.65}

.vn-create-shortcuts{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0 0 24px;font-size:14px}.vn-create-shortcuts a{text-underline-offset:5px}

/* The light tool surface must switch its foregrounds and controls together. */
body .seo-page .seo-tool{color:var(--ink);color-scheme:light}
body .seo-page .seo-tool .tool-field>span{color:#465869;font-size:12px;line-height:1.5;letter-spacing:0;text-transform:none}
body .seo-page .seo-tool .tool-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#f6f8fa;color:#233b50;border:1px solid #b8c5cf;border-radius:4px;font-weight:500}
body .seo-page .seo-tool :is(input,textarea)::placeholder{color:#667585;opacity:1}
body .seo-page .seo-tool .tool-field :is(input,select,textarea):focus-visible{outline:2px solid var(--ink);outline-offset:2px}
body .seo-page .seo-tool .wifi-hidden{color:#465869;line-height:1.5;align-items:flex-start}
body .seo-page .seo-tool .wifi-hidden input{flex-shrink:0;margin-top:2px;accent-color:var(--ink)}
body .seo-page .seo-tool .tool-note{color:#526170;font-size:13px;line-height:1.6}
body .seo-page .seo-tool .tool-verdict:not(.tool-verdict--ok):not(.tool-verdict--bad){background:#f0f4f7;color:#465869}
body .seo-page .seo-tool .calc-results article{background:#f0f4f7;color:var(--ink)}
body .seo-page .seo-tool .calc-results b{color:var(--ink)}
body .seo-page .seo-tool .calc-results span{color:#526170;font-size:12px}
body .seo-page .seo-tool .tool-drop{background:#f6f8fa;color:var(--ink);border-color:#94a8b8}
body .seo-page .seo-tool .tool-drop span{color:#526170}
body .seo-page .seo-tool .tool-drop:hover{border-color:var(--ink)}
body .seo-page .seo-tool :is(.scan-progress,.scan-steps li,.qr-page-presets>span){color:#526170}
body .seo-page .seo-tool .qr-page-presets button{background:#edf3e5;color:#344e29}
body .seo-page .seo-tool .scan-arrow{color:#526170}
body .seo-page .seo-tool .text-action{color:var(--ink)}
body .seo-page .seo-tool .pay-grid output{color:var(--ink)}
body .seo-page .seo-hero .primary-action b{color:inherit}
body .utility-hero .primary-action b{color:inherit}
body .seo-page :is(.seo-limit-band,.seo-task-passport aside,.seo-hub-brief aside) p{color:inherit}
body .seo-page .seo-task-passport aside>span{color:#415738}
body .seo-page .page-disclosure .seo-proof>b{color:var(--ink)}
body .seo-page .seo-tool [data-tool="scenario-planner"]>.calc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body .seo-page .seo-tool [data-tool="scenario-planner"]>nav{margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid var(--line);gap:8px 24px}
body .seo-page .seo-tool [data-tool="scenario-planner"]>nav a{padding:8px 0;color:var(--ink);font-weight:600;text-underline-offset:4px}
body .seo-page .seo-tool [data-tool="scenario-planner"]>.scenario-checks .wifi-hidden{margin:0;min-height:44px;align-items:center}
@media(max-width:700px){body .seo-page .seo-tool [data-tool="scenario-planner"]>.calc-grid{grid-template-columns:minmax(0,1fr)}}

.growth-home-entry{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;padding:1rem 0;border-block:1px solid #dbe4ea}.growth-home-entry img{width:90px;height:70px;object-fit:contain}.growth-home-entry p{margin:.2rem 0}.growth-home-entry a{font-weight:650}
@media(max-width:420px){.growth-home-entry img{width:64px}}