[hidden]{display:none!important}
:root{--navy:#10213d;--blue:#2563eb;--emerald:#10b981;--bg:#f4f7fb;--card:#fff;--text:#10213e;--muted:#64748b;--border:#dce5ef;--shadow:0 18px 50px rgba(16,33,62,.09);--soft:#f7f9fc}
:root[data-theme="dark"]{--navy:#f8fafc;--blue:#60a5fa;--emerald:#34d399;--bg:#08111f;--card:#111c2e;--text:#f8fafc;--muted:#a9b6c9;--border:#26344a;--shadow:0 18px 50px rgba(0,0,0,.28);--soft:#0d1728}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button,a{transition:.2s ease}a{text-decoration:none;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 30%,transparent);outline-offset:2px}
header{height:72px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1360px)/2));background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:11px;font-weight:750;font-size:19px;letter-spacing:-.5px}.brand b{color:var(--blue)}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--navy),color-mix(in srgb,var(--blue) 45%,var(--navy)));display:grid;grid-template-columns:repeat(2,7px);place-content:center;gap:3px;box-shadow:0 8px 20px rgba(37,99,235,.22)}.brand-mark i{width:7px;height:7px;border:2px solid white;border-radius:1px}.brand-mark i:last-child{background:var(--emerald);border:0;border-radius:50%}header nav{display:flex;gap:32px;font-size:13px;font-weight:650;color:var(--muted)}header nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:10px}.header-actions select{background:var(--soft);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:9px 10px;font-size:12px}.button{border:0;background:var(--blue);color:white;border-radius:10px;padding:13px 18px;font-weight:750;box-shadow:0 10px 23px rgba(37,99,235,.2);display:inline-flex;align-items:center;justify-content:center;gap:12px}.button:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(37,99,235,.28)}.button.small{padding:10px 15px;font-size:12px}.button.ghost{background:var(--card);color:var(--text);border:1px solid var(--border);box-shadow:none}.button.full{width:100%;margin-top:14px}
.hero{max-width:1360px;margin:auto;min-height:580px;padding:74px 48px 54px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:430px;height:430px;background:radial-gradient(circle,rgba(37,99,235,.13),transparent 70%);right:2%;top:6%;pointer-events:none}.eyebrow{color:var(--blue);font-weight:800;font-size:11px;letter-spacing:1.6px}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--emerald);border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px rgba(16,185,129,.12)}h1{font-size:clamp(48px,5vw,76px);line-height:1.02;letter-spacing:-4px;margin:18px 0 23px;color:var(--navy);font-weight:760}h1 em{font-style:normal;color:var(--blue);position:relative}h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:7px;border-radius:50%;background:var(--emerald);opacity:.78;transform:rotate(-1deg)}.hero-copy>p{font-size:17px;line-height:1.75;max-width:660px;color:var(--muted)}.hero-buttons{display:flex;gap:12px;margin:31px 0 26px}.trust{display:flex;gap:22px;color:var(--muted);font-size:12px}.trust span::first-letter{color:var(--emerald)}.hero-art{min-height:430px;display:grid;place-items:center;position:relative}.demo-card{width:306px;padding:20px 23px 18px;background:var(--card);border:1px solid var(--border);box-shadow:0 30px 70px rgba(15,35,70,.17);border-radius:24px;display:flex;align-items:center;flex-direction:column;transform:rotate(2deg);position:relative;z-index:2}.demo-card:before{content:"";position:absolute;inset:-15px;border:1px solid rgba(37,99,235,.16);border-radius:30px;z-index:-1}.demo-top{display:flex;width:100%;justify-content:space-between;font-size:8px;font-weight:850;letter-spacing:1px;color:var(--muted)}.demo-top i{color:var(--emerald);font-style:normal}.fake-qr{width:212px;height:212px;margin:18px 0 15px;padding:15px;background:white;display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.fake-qr i{background:#e8edf5;border-radius:2px}.fake-qr i.on{background:#12233f}.demo-card>b{font-size:13px;letter-spacing:1.5px}.demo-card small{color:var(--muted);font-size:8px;margin-top:6px}.float-card{position:absolute;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:13px 16px;z-index:4;display:flex;flex-direction:column}.float-card span{font-size:9px;color:var(--muted)}.float-card b{font-size:12px;margin-top:3px}.float-card.mini{left:4%;top:14%;transform:rotate(-4deg)}.float-card.quality{right:0;bottom:17%;width:126px;transform:rotate(-2deg)}.float-card.quality b{font-size:23px}.float-card.quality small{font-size:9px;color:var(--muted)}.float-card.quality i{font-size:8px;color:var(--emerald);font-style:normal;font-weight:800}
.generator-wrap{background:color-mix(in srgb,var(--bg) 74%,#dfeafe);padding:75px max(22px,calc((100vw - 1430px)/2))}.section-heading{text-align:center;margin-bottom:38px}.section-heading h2,.content-section h2{font-size:34px;color:var(--navy);letter-spacing:-1.2px;margin:10px 0}.section-heading p,.content-section>p{color:var(--muted)}.generator-grid{display:grid;grid-template-columns:285px minmax(500px,1fr) 340px;gap:14px;align-items:start}.generator-grid>aside,.work-panel{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 18px rgba(16,33,62,.045)}.panel-title{display:flex;align-items:center;gap:11px;padding:18px;border-bottom:1px solid var(--border)}.panel-title>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue);font-weight:850;font-size:10px}.panel-title div{display:flex;flex-direction:column;gap:2px}.panel-title b{font-size:13px}.panel-title small{font-size:9px;color:var(--muted)}.type-panel{max-height:1040px;overflow:auto;position:sticky;top:87px}.search{margin:13px;display:flex;gap:8px;border:1px solid var(--border);background:var(--soft);border-radius:9px;padding:9px;color:var(--muted)}.search input{border:0;background:none;outline:0;color:var(--text);font-size:11px;width:100%}.type-list{padding:0 9px 13px;display:flex;flex-direction:column;gap:3px}.type-list button{display:grid;grid-template-columns:35px 1fr 20px;align-items:center;text-align:left;border:1px solid transparent;background:transparent;color:var(--text);border-radius:10px;padding:8px}.type-list button:hover{background:var(--soft)}.type-list button.active{background:color-mix(in srgb,var(--blue) 8%,var(--card));border-color:color-mix(in srgb,var(--blue) 40%,var(--border));box-shadow:inset 3px 0 var(--blue)}.type-list button>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.type-list b{font-size:11px}.type-list small{font-size:8px;color:var(--muted);line-height:1.35}.type-list button>i{font-style:normal;color:#f59e0b}.type-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--blue) 9%,var(--card));color:var(--blue);font-weight:850}.quick,.recent{padding:8px 13px}.quick>b,.recent>b{display:block;color:var(--muted);font-size:8px;letter-spacing:1px;margin-bottom:7px}.quick button,.recent button{border:1px solid var(--border);background:var(--soft);color:var(--text);font-size:8px;border-radius:12px;padding:5px 8px;margin:2px}.work-panel{min-width:0}.active-type{margin:17px;display:flex;align-items:center;gap:11px;border:1px solid color-mix(in srgb,var(--blue) 25%,var(--border));background:color-mix(in srgb,var(--blue) 5%,var(--card));padding:12px;border-radius:11px}.active-type>div{display:flex;flex:1;flex-direction:column}.active-type b{font-size:12px}.active-type small{font-size:9px;color:var(--muted)}.ready{font-size:8px;font-weight:850;color:var(--emerald)}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:0 17px 17px}.fields label,.control-grid label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700}.fields label.wide{grid-column:1/-1}.fields label>span b{color:#ef4444}.fields input,.fields select,.fields textarea,.control-grid input,.control-grid select,.colors input,.modal-search{border:1px solid var(--border);background:var(--soft);color:var(--text);border-radius:8px;padding:10px 11px;font-size:11px;min-width:0}.fields textarea{min-height:85px;resize:vertical}.fields label>small{font-size:8px;color:var(--muted);line-height:1.4}.fields input[type=checkbox]{width:20px}.warning{margin:0 17px 15px;background:#fff8e6;color:#92620a;border:1px solid #f4df9b;padding:10px;border-radius:9px;font-size:9px}.accord{border-top:1px solid var(--border)}.accord details{border-bottom:1px solid var(--border)}.accord summary{list-style:none;cursor:pointer;padding:14px 17px;font-size:11px;font-weight:780;display:flex;align-items:center;gap:9px}.accord summary>span{color:var(--blue)}.accord summary i{font-style:normal;margin-left:auto;color:var(--muted)}.control-grid{padding:0 17px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.colors{padding:0 17px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.colors label{display:grid;grid-template-columns:1fr 36px 92px;align-items:center;gap:6px;font-size:9px}.colors input[type=color]{width:36px;height:32px;padding:2px}.colors label.toggle{display:flex;flex-direction:row;align-items:center}.link-button{border:0;background:none;color:var(--blue);font-size:10px;text-align:left}.form-actions{display:flex;justify-content:space-between;padding:17px}.form-actions .button{font-size:11px;padding:11px 15px}.preview-panel{position:sticky;top:87px;padding-bottom:16px}.preview-tabs{display:flex;width:max-content;margin:13px auto 4px;background:var(--soft);border:1px solid var(--border);border-radius:8px;padding:3px}.preview-tabs button{border:0;background:none;color:var(--muted);border-radius:6px;padding:6px 17px;font-size:8px;font-weight:800}.preview-tabs button.active{background:var(--card);color:var(--text);box-shadow:0 2px 6px rgba(0,0,0,.08)}.qr-frame{margin:10px auto;width:270px;min-height:300px;padding:21px;background:white;border-radius:17px;border:1px solid #dbe4ef;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.qr-frame.simple-border{border:5px solid var(--blue);border-radius:0}.qr-frame.rounded-card{box-shadow:0 16px 35px rgba(16,33,62,.13)}.qr-frame.scan-me-frame,.qr-frame.wi-fi-frame,.qr-frame.contact-frame,.qr-frame.menu-frame{border:5px solid var(--navy);border-radius:16px}.qr-frame>b{color:#12233f;font-size:10px;letter-spacing:1.3px;margin-top:12px}.qr-paper{width:216px;height:216px;display:grid;place-items:center;transform-origin:center;transition:.2s}.qr-host{width:216px;height:216px;display:grid;place-items:center}.qr-host svg,.qr-host canvas{width:100%!important;height:100%!important}.zoom{display:flex;justify-content:center;align-items:center;gap:7px;margin:9px}.zoom button{border:1px solid var(--border);background:var(--soft);color:var(--text);border-radius:7px;width:27px;height:27px}.zoom span{font-size:9px;color:var(--muted);min-width:35px;text-align:center}.quality-box,.payload-box{margin:11px 16px;padding:12px;border:1px solid var(--border);background:var(--soft);border-radius:10px}.quality-box>div:first-child{display:flex;justify-content:space-between;font-size:9px}.quality-box b{color:var(--emerald);font-size:9px}.quality-box b.highrisk{color:#ef4444}.quality-box b.needsimprovement{color:#f59e0b}.scorebar{height:5px;background:var(--border);border-radius:3px;margin:9px 0;overflow:hidden}.scorebar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--emerald));border-radius:3px}.quality-box small{color:var(--muted);font-size:8px}.payload-box span{font-size:7px;letter-spacing:1px;color:var(--muted);font-weight:800}.payload-box p{font-size:8px;line-height:1.45;word-break:break-all;max-height:35px;overflow:hidden}.payload-box button,.saved-link{border:0;background:none;color:var(--blue);padding:0;font-size:8px;font-weight:750}.preview-panel>.button,.preview-panel>.save-button{width:calc(100% - 32px);margin-left:16px;margin-right:16px}.download-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:8px 16px}.download-grid button,.save-button{border:1px solid var(--border);background:var(--soft);color:var(--text);border-radius:8px;padding:9px 3px;font-size:8px;font-weight:750}.save-button{margin-top:2px}.saved-link{display:block;margin:10px auto}.privacy-strip{margin-top:14px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:17px 22px;display:flex;align-items:center;gap:13px}.privacy-strip>span{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:rgba(16,185,129,.11);color:var(--emerald)}.privacy-strip div{flex:1}.privacy-strip b{font-size:11px}.privacy-strip p{margin:3px 0;color:var(--muted);font-size:9px}.privacy-strip i{font-style:normal;color:var(--emerald);font-size:8px;font-weight:850}
.content-section{max-width:1180px;margin:0 auto;padding:90px 30px;text-align:center}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:35px;text-align:left}.features article{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:0 7px 18px rgba(16,33,62,.04)}.features article>span{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--blue) 9%,var(--card));color:var(--blue)}.features h3,.how h3{font-size:14px;margin:14px 0 6px}.features p,.how p{color:var(--muted);font-size:11px;line-height:1.6;margin:0}.how{max-width:100%;background:var(--navy);color:var(--bg)}.how h2{color:var(--bg)}.how>div{max-width:1000px;margin:35px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:color-mix(in srgb,var(--bg) 15%,transparent)}.how article{background:var(--navy);padding:35px}.how article>b{color:var(--emerald);font-size:11px}.how p{color:color-mix(in srgb,var(--bg) 65%,transparent)}.faq{max-width:850px}.faq details{text-align:left;border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;padding:20px 4px;list-style:none;font-size:13px;font-weight:750;display:flex;justify-content:space-between}.faq details p{color:var(--muted);font-size:11px;line-height:1.7;margin:-8px 0 18px}footer{padding:38px max(28px,calc((100vw - 1180px)/2));background:var(--card);border-top:1px solid var(--border);display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px}footer>p{font-size:10px;color:var(--muted);grid-row:2}footer nav{display:flex;gap:25px;font-size:10px;font-weight:700}footer small{grid-column:1/-1;border-top:1px solid var(--border);padding-top:15px;color:var(--muted);font-size:9px}.toast{position:fixed;z-index:100;right:24px;bottom:24px;background:#0f2948;color:white;padding:13px 18px;border-radius:10px;box-shadow:0 18px 45px rgba(0,0,0,.25);font-size:11px;font-weight:700;animation:slide .25s ease}.modal-backdrop{position:fixed;inset:0;z-index:80;background:rgba(2,10,24,.65);backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px}.modal{width:min(680px,100%);max-height:85vh;overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.modal-head{display:flex;justify-content:space-between}.modal-head span{font-size:8px;color:var(--blue);font-weight:800;letter-spacing:1px}.modal-head h2{margin:5px 0;font-size:24px}.modal-head button{border:0;background:var(--soft);color:var(--text);border-radius:50%;width:35px;height:35px;font-size:20px}.modal>p{font-size:10px;color:var(--muted)}.modal-search{width:100%;margin:10px 0}.project-list{display:flex;flex-direction:column;gap:8px}.project-list article{display:grid;grid-template-columns:35px 1fr auto auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--border);border-radius:10px}.project-list article>div{display:flex;flex-direction:column}.project-list b{font-size:11px}.project-list small{font-size:8px;color:var(--muted)}.project-list button{border:1px solid var(--border);background:var(--soft);color:var(--text);border-radius:7px;padding:7px;font-size:8px}.empty{text-align:center;padding:50px}.empty p{font-size:10px;color:var(--muted)}@keyframes slide{from{transform:translateY(15px);opacity:0}}@media(max-width:1120px){header nav{display:none}.generator-grid{grid-template-columns:230px minmax(440px,1fr)}.preview-panel{grid-column:2;position:relative;top:auto}.type-panel{grid-row:1/3}.hero{grid-template-columns:1fr 1fr;padding-inline:32px}.features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){header{height:64px;padding:0 16px}.header-actions select,header nav{display:none}.button.small{font-size:10px}.hero{display:block;min-height:auto;padding:55px 20px}.hero h1{font-size:48px;letter-spacing:-2.7px}.hero-copy>p{font-size:14px}.trust{flex-wrap:wrap;gap:8px 15px}.hero-art{min-height:390px;margin-top:25px}.float-card.mini{left:0}.float-card.quality{right:0}.generator-wrap{padding:55px 12px}.generator-grid{display:flex;flex-direction:column}.generator-grid>*{width:100%}.type-panel{position:relative;top:auto;max-height:430px}.preview-panel{order:3}.fields,.control-grid,.colors{grid-template-columns:1fr}.colors label{grid-template-columns:1fr 40px 100px}.section-heading h2,.content-section h2{font-size:27px}.features{grid-template-columns:1fr}.how>div{grid-template-columns:1fr}.content-section{padding:65px 18px}.privacy-strip i{display:none}.privacy-strip p{line-height:1.5}.project-list article{grid-template-columns:35px 1fr}.project-list button{grid-row:2}footer{grid-template-columns:1fr}footer nav{grid-row:3}.hero-buttons{flex-direction:column}.hero-buttons .button{width:100%}}
@media(max-width:370px){.brand{font-size:15px}.button.small{display:none}.demo-card{width:270px}.float-card{display:none}.qr-frame{width:245px}.fields{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{header,.hero,.type-panel,.work-panel,.content-section,footer,.zoom,.quality-box,.payload-box,.download-grid,.save-button,.saved-link,.privacy-strip,.panel-title,.preview-tabs{display:none!important}.generator-wrap{padding:0}.generator-grid{display:block}.preview-panel{border:0!important;box-shadow:none!important}.qr-frame{margin:20px auto}}

/* Keep the complete generated matrix and all three finder patterns visible. */
.qr-paper,.qr-host{width:230px;height:230px}
.qr-host{overflow:visible}
.qr-host svg,.qr-host canvas{display:block;width:230px!important;height:230px!important;max-width:100%;object-fit:contain}

/* Advanced creator toolkit */
.section-lead{max-width:760px;margin:10px auto 0;line-height:1.75}.toolkit-section{max-width:1280px}.toolkit-intro{display:grid;grid-template-columns:1fr auto;align-items:end;text-align:left;gap:35px}.toolkit-intro p{max-width:780px;color:var(--muted);font-size:14px;line-height:1.8}.toolkit-stat{display:flex;align-items:center;gap:12px;padding:18px 22px;background:var(--navy);color:var(--bg);border-radius:16px;box-shadow:var(--shadow)}.toolkit-stat b{font-size:42px;line-height:1;color:var(--emerald)}.toolkit-stat span{font-size:9px;line-height:1.4;font-weight:800;letter-spacing:1px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.tool-card{position:relative;min-height:225px;padding:22px;text-align:left;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--card);color:var(--text);box-shadow:0 8px 24px rgba(16,33,62,.045)}.tool-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--blue) 48%,var(--border));box-shadow:0 20px 42px rgba(16,33,62,.11)}.tool-card .tool-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--blue) 10%,var(--card));color:var(--blue);font-size:17px;font-weight:800}.tool-card>i{position:absolute;top:22px;right:20px;color:var(--emerald);font-size:7px;font-style:normal;font-weight:900;letter-spacing:1px}.tool-card>b{display:block;margin-top:22px;font-size:14px}.tool-card p{color:var(--muted);font-size:10px;line-height:1.65;margin:8px 0 17px}.tool-card small{color:var(--blue);font-size:9px;font-weight:800}.tool-card small strong{margin-left:5px}.tool-card>em{position:absolute;right:-5px;bottom:-17px;font-size:70px;line-height:1;font-style:normal;font-weight:900;color:color-mix(in srgb,var(--blue) 5%,transparent);pointer-events:none}.use-cases{background:var(--navy);color:var(--bg);padding:75px max(25px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.use-cases h2{font-size:34px;letter-spacing:-1px;margin:11px 0}.use-cases>div:first-child>p{font-size:12px;line-height:1.8;color:color-mix(in srgb,var(--bg) 65%,transparent)}.use-case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.use-case-grid article{display:flex;gap:12px;padding:15px;border:1px solid color-mix(in srgb,var(--bg) 14%,transparent);border-radius:12px;background:color-mix(in srgb,var(--bg) 4%,transparent)}.use-case-grid article>span{width:27px;height:27px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:rgba(16,185,129,.14);color:var(--emerald);font-size:10px}.use-case-grid b{font-size:11px}.use-case-grid p{margin:4px 0 0;color:color-mix(in srgb,var(--bg) 60%,transparent);font-size:9px;line-height:1.5}.features{grid-template-columns:repeat(4,1fr)}.features article{min-height:200px}.features p{font-size:10px;line-height:1.75}
.tool-modal{width:min(1000px,96vw);max-height:92vh;padding:25px}.tool-description{max-width:760px;line-height:1.7}.tool-workspace{display:grid;grid-template-columns:330px 1fr;gap:20px;margin-top:20px}.tool-form,.utility-fields{display:flex;flex-direction:column;gap:13px;padding:18px;background:var(--soft);border:1px solid var(--border);border-radius:14px}.tool-form label,.utility-fields label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:750}.tool-form input,.tool-form select,.utility-fields input,.utility-fields select,.utility-fields textarea{width:100%;border:1px solid var(--border);background:var(--card);color:var(--text);padding:11px;border-radius:8px;font-size:11px}.tool-form .button,.utility-fields .button{margin-top:4px;font-size:11px}.tool-form .button:disabled{opacity:.45;cursor:not-allowed}.color-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.color-pair input{height:42px;padding:3px}.tool-preview{min-height:340px;border:1px dashed var(--border);border-radius:14px;background:var(--card);display:grid;place-items:center;padding:22px;overflow:auto}.barcode-preview canvas{max-width:100%;height:auto}.placeholder-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);min-height:130px;gap:7px}.placeholder-state b{color:var(--text);font-size:12px}.placeholder-state span{font-size:9px}.tool-error{color:#ef4444}.wifi-card{min-height:500px;background:linear-gradient(160deg,#fff 0%,#f2f6ff 100%);border:1px solid #dce5ef;border-radius:24px;color:#10213e;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;box-shadow:0 25px 55px rgba(16,33,62,.14);position:relative;overflow:hidden}.wifi-card:before,.wifi-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(37,99,235,.07)}.wifi-card:before{top:-90px;right:-60px}.wifi-card:after{bottom:-110px;left:-50px}.wifi-card>span{font-size:8px;font-weight:900;letter-spacing:2px;color:#2563eb}.wifi-card h3{font-size:25px;margin:9px 0 18px}.wifi-card>b{font-size:15px;margin-top:15px}.wifi-card>small{font-size:9px;color:#64748b;margin-top:5px}.wifi-tool-qr,.wifi-tool-qr canvas{width:230px!important;height:230px!important}.utility-tool{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.utility-fields{display:grid;grid-template-columns:1fr 1fr}.utility-fields label.wide{grid-column:1/-1}.utility-fields textarea{min-height:130px;resize:vertical}.utility-fields .checkline{flex-direction:row;align-items:center}.utility-fields .checkline input{width:auto}.utility-fields small{color:var(--muted)}.utility-fields .button{grid-column:1/-1}.result-panel{padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--soft);min-height:320px}.result-panel>span{font-size:8px;letter-spacing:1.4px;color:var(--blue);font-weight:900}.result-panel pre{white-space:pre-wrap;word-break:break-word;color:var(--text);font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;max-height:260px;overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:9px;padding:13px}.result-panel>div:last-child button{border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--blue);padding:8px 11px;font-size:9px;font-weight:800;margin-right:7px}.contrast-tool{display:grid;grid-template-columns:280px 1fr;gap:18px;margin-top:20px}.contrast-controls{display:flex;flex-direction:column;gap:12px}.contrast-controls label{display:grid;grid-template-columns:1fr 48px 80px;align-items:center;border:1px solid var(--border);background:var(--soft);padding:12px;border-radius:10px;font-size:10px}.contrast-controls input{width:40px;height:36px}.contrast-preview{min-height:360px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center}.contrast-preview h3{font-size:30px;margin:12px 0 3px}.contrast-preview p{font-size:11px}.mini-matrix{width:130px;height:130px;display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.mini-matrix i{border:1px solid currentColor;border-radius:1px;opacity:.16}.mini-matrix i.on{background:currentColor;opacity:1}
@media(max-width:1120px){.tool-grid{grid-template-columns:repeat(3,1fr)}.features{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.toolkit-intro,.use-cases,.tool-workspace,.utility-tool,.contrast-tool{grid-template-columns:1fr}.toolkit-stat{width:max-content}.tool-grid{grid-template-columns:1fr}.use-cases{padding:60px 18px;gap:30px}.use-case-grid{grid-template-columns:1fr}.features{grid-template-columns:1fr}.tool-modal{padding:18px}.utility-fields{grid-template-columns:1fr}.utility-fields label.wide,.utility-fields .button{grid-column:auto}.wifi-card{min-height:430px}.tool-workspace{grid-template-columns:1fr}.contrast-preview{min-height:300px}}