:root{--koder-navy:#071a3d;--koder-blue:#165dff;--koder-cyan:#10b9c8;--koder-bg:#f5f8fc;--koder-line:#dce5ef;--koder-muted:#65758b;--koder-soft:#eef5ff;--koder-warm:#fff9ed}
.koder-shell{width:min(1120px,calc(100% - 32px));margin-inline:auto}.koder-shell *{box-sizing:border-box}.koder-page{padding:34px 0 72px}.koder-eyebrow{margin:0 0 10px;color:#1f5dcc;font-size:.75rem;font-weight:800;letter-spacing:.16em}.koder-hero{padding:72px 0 54px;text-align:center}.koder-hero h1,.koder-page-head h1,.koder-answer-hero h1{margin:.1em 0;color:var(--koder-navy);font-size:clamp(2.2rem,6vw,4.8rem);line-height:.96;letter-spacing:-.045em}.koder-page-head h1{font-size:clamp(2.2rem,5vw,4rem)}.koder-lead,.koder-page-head>p{max-width:720px;margin:18px auto 26px;color:var(--koder-muted);font-size:1.12rem;line-height:1.65}.koder-page-head{text-align:center;margin-bottom:28px}.koder-smart-search{position:relative;max-width:760px;margin:24px auto 0}.koder-search-field{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #cad7e7;border-radius:18px;box-shadow:0 14px 40px rgba(14,45,82,.09)}.koder-search-icon{padding-left:19px;color:var(--koder-blue);font-size:1.7rem}.koder-search-input{width:100%;min-width:0;border:0!important;box-shadow:none!important;outline:0;padding:19px 14px;font-size:1.08rem;background:transparent;color:var(--koder-navy)}.koder-search-field>button{margin:7px;padding:13px 22px;border:0;border-radius:12px;background:var(--koder-blue);color:white;font-weight:750;font-size:1rem;cursor:pointer}.koder-search-suggestions{position:absolute;z-index:50;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--koder-line);border-radius:15px;box-shadow:0 18px 45px rgba(10,34,67,.16);overflow:hidden;text-align:left}.koder-search-suggestions a{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center;padding:13px 16px;text-decoration:none;color:var(--koder-navy);border-bottom:1px solid #edf1f6}.koder-search-suggestions a:last-child{border-bottom:0}.koder-search-suggestions a:hover,.koder-search-suggestions a.is-active{background:var(--koder-soft)}.koder-suggestion-type{font-size:.74rem;font-weight:800;color:#1f5dcc;text-transform:uppercase;letter-spacing:.06em}.koder-suggestion-empty{padding:15px;color:var(--koder-muted)}.koder-example-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.koder-example-chip{border:1px solid #dbe5f2;background:#fff;border-radius:999px;padding:7px 12px;color:#51627b;cursor:pointer}.koder-home-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:18px;padding-bottom:22px}.koder-panel,.koder-fact-card,.koder-qr-tool,.koder-empty-state{background:#fff;border:1px solid var(--koder-line);border-radius:20px;padding:24px;box-shadow:0 8px 26px rgba(14,45,82,.045)}.koder-panel h2,.koder-related h2,.koder-info-grid h2{margin:0 0 16px;color:var(--koder-navy);font-size:1.45rem}.koder-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.koder-category-card{position:relative;display:grid;grid-template-columns:44px 1fr auto;grid-template-rows:auto auto;gap:2px 12px;padding:16px;border:1px solid #dfe7f0;border-radius:15px;text-decoration:none;color:var(--koder-navy);background:#fbfdff;transition:.15s ease}.koder-category-card:hover{transform:translateY(-1px);border-color:#b8cdf0;box-shadow:0 9px 24px rgba(24,84,171,.08)}.koder-category-card strong{font-size:1.04rem}.koder-category-card>span:not(.koder-category-icon){grid-column:2;color:var(--koder-muted);font-size:.86rem;line-height:1.35}.koder-category-card b{grid-column:3;grid-row:1/3;align-self:center;color:var(--koder-blue)}.koder-category-icon{grid-row:1/3;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#e7f1ff,#eefcff);position:relative}.koder-category-icon:after{position:absolute;inset:0;display:grid;place-items:center;color:var(--koder-blue);font-weight:900;font-size:1.1rem}.koder-icon-phone:after{content:'+46'}.koder-icon-area:after{content:'031';font-size:.9rem}.koder-icon-country:after{content:'SE'}.koder-icon-pin:after{content:'⌖'}.koder-icon-business:after{content:'SNI';font-size:.75rem}.koder-panel-create{background:linear-gradient(155deg,#071a3d,#0f3e82);color:white;border:0}.koder-panel-create .koder-eyebrow{color:#65e1e9}.koder-panel-create h2{color:white}.koder-panel-create p{line-height:1.6;color:#d8e4f6}.koder-primary-button{display:inline-flex;gap:8px;align-items:center;margin-top:8px;padding:13px 16px;border-radius:12px;background:#fff;color:#092356!important;text-decoration:none;font-weight:800}.koder-mini-note{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16);font-size:.86rem;color:#cbd9ee}.koder-trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 0 60px}.koder-trust-strip div{padding:16px;border-top:2px solid #cfe0f6}.koder-trust-strip strong,.koder-trust-strip span{display:block}.koder-trust-strip strong{color:var(--koder-navy)}.koder-trust-strip span{margin-top:4px;color:var(--koder-muted);font-size:.88rem}.koder-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:30px;font-size:.86rem;color:var(--koder-muted)}.koder-breadcrumb a{color:#365a88;text-decoration:none}.koder-code-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.koder-code-list a{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:center;padding:13px 8px;text-decoration:none;color:var(--koder-navy);border-bottom:1px solid #e8edf3}.koder-code-list a:hover{background:#f8fbff}.koder-code-list strong{color:#185cc7;font-size:1.02rem}.koder-code-list b{color:#185cc7}.koder-country-table{border:1px solid #e0e7f0;border-radius:14px;overflow:hidden}.koder-table-head,.koder-table-row{display:grid;grid-template-columns:2fr .7fr .7fr 1fr;gap:10px;align-items:center;padding:12px 14px}.koder-table-head{background:#f2f6fb;color:#65758b;text-transform:uppercase;font-size:.75rem;font-weight:800}.koder-table-row{border-top:1px solid #e8edf3;text-decoration:none;color:var(--koder-navy)}.koder-table-row:hover{background:#f8fbff}.koder-answer-hero{text-align:center;padding:18px 0 28px}.koder-answer-hero h1{font-size:clamp(3.4rem,10vw,7rem)}.koder-answer-sentence{font-size:1.2rem;color:#4f6179}.koder-fact-card{max-width:760px;margin:0 auto}.koder-fact-row{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:12px;padding:16px 3px;border-bottom:1px solid #e7edf5}.koder-fact-row:last-child{border-bottom:0}.koder-fact-row>span{color:var(--koder-muted)}.koder-fact-row>strong{color:var(--koder-navy);font-size:1.1rem}.koder-copy{border:1px solid #cbd9eb;background:#fff;border-radius:9px;padding:7px 10px;color:#185cc7;font-weight:700;cursor:pointer}.koder-source-box{max-width:760px;margin:14px auto 0;padding:14px 18px;border-radius:14px;background:#f3f7fb;color:#5d6f87;font-size:.85rem}.koder-source-box strong,.koder-source-box span{display:block}.koder-source-box span{margin-top:3px}.koder-source-box a{color:#2863b8}.koder-related{max-width:760px;margin:34px auto}.koder-related-links{display:flex;flex-wrap:wrap;gap:8px}.koder-related-links a{padding:10px 13px;border:1px solid #dbe5f0;border-radius:10px;text-decoration:none}.koder-warning-note{margin:0 0 16px;padding:14px 16px;border:1px solid #f3d998;background:#fff9e9;border-radius:13px;color:#76591a}.koder-empty-state{text-align:center;max-width:760px;margin:0 auto;padding:50px 25px}.koder-empty-state h1,.koder-empty-state h2{color:var(--koder-navy)}.koder-search-page-results a{display:grid;grid-template-columns:110px 1fr auto;gap:12px;padding:14px 3px;border-bottom:1px solid #e6ecf3;text-decoration:none;color:var(--koder-navy)}.koder-result-type{color:#2662ba;font-size:.75rem;font-weight:800;text-transform:uppercase}.koder-source-list{display:grid;gap:14px}.koder-source-list article{padding:16px;border:1px solid #e0e7f0;border-radius:14px}.koder-source-list article h2{font-size:1.05rem;margin-bottom:8px}.koder-source-list article p{margin:5px 0;color:#607086}.koder-qr-tool{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start;padding:18px}.koder-qr-controls,.koder-qr-preview-panel{min-width:0}.koder-qr-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.koder-qr-tabs button{border:1px solid #d8e3ef;background:#fff;border-radius:999px;padding:8px 11px;font-weight:700;color:#455a76;cursor:pointer}.koder-qr-tabs button[aria-selected="true"]{background:var(--koder-navy);border-color:var(--koder-navy);color:#fff}.koder-qr-fields label,.koder-qr-custom-grid label{display:grid;gap:6px;margin:11px 0;color:#43546b;font-weight:700;font-size:.88rem}.koder-qr-fields input,.koder-qr-fields textarea,.koder-qr-fields select,.koder-qr-custom-grid select{width:100%;border:1px solid #cad7e7;border-radius:11px;padding:12px;font:inherit;color:var(--koder-navy);background:#fff}.koder-qr-customize{margin-top:16px;border-top:1px solid #e2e9f1;padding-top:14px}.koder-qr-customize summary{font-weight:800;color:#245cae;cursor:pointer}.koder-qr-custom-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.koder-qr-custom-grid input[type=color]{width:100%;height:44px;border:1px solid #cad7e7;border-radius:9px;background:white;padding:4px}.koder-qr-preview-panel{position:sticky;top:90px;text-align:center;background:#f5f8fc;border-radius:16px;padding:20px}.koder-qr-preview{display:grid;place-items:center;min-height:300px}.koder-qr-preview canvas,.koder-qr-preview img{max-width:100%;height:auto!important;border:12px solid white;border-radius:8px}.koder-qr-status{font-size:.85rem;color:var(--koder-muted)}.koder-qr-downloads{display:flex;gap:8px;justify-content:center}.koder-qr-downloads button{border:0;border-radius:11px;background:var(--koder-blue);color:#fff;padding:11px 14px;font-weight:800;cursor:pointer}.koder-qr-downloads button+button{background:#fff;color:#185cc7;border:1px solid #cbd9eb}.koder-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.koder-info-grid article{padding:20px;border:1px solid #e0e7f0;border-radius:16px;background:white}.koder-info-grid p{color:var(--koder-muted);line-height:1.6}
@media(max-width:780px){.koder-shell{width:min(100% - 22px,1120px)}.koder-hero{padding:46px 0 34px}.koder-home-grid,.koder-qr-tool,.koder-info-grid{grid-template-columns:1fr}.koder-category-grid{grid-template-columns:1fr}.koder-trust-strip{grid-template-columns:1fr}.koder-code-list{grid-template-columns:1fr}.koder-table-head{display:none}.koder-table-row{grid-template-columns:1.5fr .8fr .8fr 1fr;font-size:.88rem;padding:12px 10px}.koder-search-suggestions a{grid-template-columns:86px 1fr auto}.koder-qr-preview-panel{position:static}.koder-qr-custom-grid{grid-template-columns:1fr 1fr}.koder-fact-row{grid-template-columns:1fr auto}.koder-fact-row>span{grid-column:1}.koder-fact-row>strong{grid-column:1}.koder-fact-row>.koder-copy{grid-column:2;grid-row:1/3}.koder-search-field>button{padding-inline:15px}.koder-page{padding-top:22px}}
@media(max-width:420px){.koder-search-icon{display:none}.koder-search-input{padding-left:14px;font-size:1rem}.koder-search-field>button{margin-left:0}.koder-panel,.koder-fact-card,.koder-qr-tool{padding:16px}.koder-table-row{grid-template-columns:1fr 52px 60px 72px;gap:5px}.koder-qr-custom-grid{grid-template-columns:1fr}.koder-code-list a{grid-template-columns:74px 1fr auto}}

/* 0.2.0 — QR studio and homepage polish */
.koder-qr-feature{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:26px;align-items:center;margin:0 0 22px;padding:28px 30px;border:1px solid #cfe0f4;border-radius:22px;background:linear-gradient(135deg,#ffffff 0%,#f4f9ff 58%,#ecfbfc 100%);box-shadow:0 14px 36px rgba(14,45,82,.07);overflow:hidden;position:relative}.koder-qr-feature:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;top:-110px;background:radial-gradient(circle,rgba(16,185,200,.17),rgba(16,185,200,0) 68%);pointer-events:none}.koder-qr-feature h2{margin:0;color:var(--koder-navy);font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.05;letter-spacing:-.035em}.koder-qr-feature-copy>p:not(.koder-eyebrow){max-width:680px;margin:12px 0 0;color:var(--koder-muted);line-height:1.6}.koder-feature-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.koder-feature-tags span{padding:6px 10px;border:1px solid #d7e5f4;border-radius:999px;background:rgba(255,255,255,.8);color:#45617f;font-size:.78rem;font-weight:750}.koder-qr-feature-action{display:grid;justify-items:center;gap:11px;position:relative;z-index:1}.koder-qr-feature-action small{color:#65758b}.koder-feature-button{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:13px;background:var(--koder-blue);color:#fff!important;text-decoration:none;font-weight:850;box-shadow:0 10px 24px rgba(22,93,255,.2)}.koder-mini-qr{width:116px;height:136px;padding:11px 11px 8px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr) 24px;gap:3px;background:#fff;border:3px solid var(--koder-navy);border-radius:10px;box-shadow:0 12px 26px rgba(7,26,61,.12)}.koder-mini-qr:before,.koder-mini-qr:after,.koder-mini-qr span{content:"";background:var(--koder-navy);border-radius:1px}.koder-mini-qr:before{grid-column:1/3;grid-row:1/3;box-shadow:43px 0 0 var(--koder-navy),0 43px 0 var(--koder-navy)}.koder-mini-qr:after{grid-column:3/6;grid-row:3/6;background:repeating-linear-gradient(45deg,var(--koder-navy) 0 4px,transparent 4px 8px)}.koder-mini-qr span:nth-child(1){grid-column:3;grid-row:1}.koder-mini-qr span:nth-child(2){grid-column:4;grid-row:4}.koder-mini-qr span:nth-child(3){grid-column:5;grid-row:5}.koder-mini-qr b{grid-column:1/-1;grid-row:6;align-self:end;text-align:center;color:var(--koder-navy);font-size:.72rem;letter-spacing:.01em}
.koder-qr-head{margin-bottom:24px}.koder-qr-tool{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);padding:24px;gap:28px}.koder-qr-style-panel{margin-top:18px;padding:18px;border:1px solid #dfe8f2;border-radius:16px;background:#f9fbfe}.koder-qr-style-head{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.koder-qr-style-head strong{color:var(--koder-navy);font-size:1.05rem}.koder-qr-style-head span{color:var(--koder-muted);font-size:.78rem}.koder-qr-presets{display:flex;gap:9px;margin:14px 0}.koder-qr-presets button{width:34px;height:34px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #ccd8e6;cursor:pointer;background:linear-gradient(135deg,var(--preset-dark) 0 52%,var(--preset-light) 52%)}.koder-qr-presets button.is-active{box-shadow:0 0 0 3px rgba(22,93,255,.2),0 0 0 1px #165dff}.koder-qr-brand-row{display:grid;grid-template-columns:auto minmax(180px,1fr);gap:16px;align-items:end;margin-top:8px;padding-top:14px;border-top:1px solid #e1e8f0}.koder-switch{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important;white-space:nowrap}.koder-switch input{position:absolute;opacity:0;pointer-events:none}.koder-switch>span{width:42px;height:24px;border-radius:999px;background:#b8c5d4;position:relative;transition:.15s}.koder-switch>span:after{content:"";position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.15s}.koder-switch input:checked+span{background:var(--koder-blue)}.koder-switch input:checked+span:after{transform:translateX(18px)}.koder-frame-text{margin:0!important}.koder-frame-text input{width:100%;border:1px solid #cad7e7;border-radius:10px;padding:10px 11px;color:var(--koder-navy);background:#fff}.koder-qr-preview-panel{background:linear-gradient(180deg,#f2f7fd,#eef4fa);padding:24px;border:1px solid #dce6f0}.koder-qr-preview-frame{--qr-dark:#071a3d;--qr-light:#fff;display:inline-flex;flex-direction:column;align-items:center;max-width:100%;padding:14px 14px 9px;border:4px solid var(--qr-dark);border-radius:13px;background:var(--qr-light);box-shadow:0 14px 32px rgba(10,34,67,.12)}.koder-qr-preview-frame.is-unframed{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.koder-qr-preview-frame.is-unframed .koder-qr-frame-label{display:none}.koder-qr-preview{min-height:0;background:var(--qr-light)}.koder-qr-preview canvas,.koder-qr-preview img{display:block;max-width:100%;height:auto!important;border:0;border-radius:0}.koder-qr-frame-label{width:100%;padding:9px 5px 2px;color:var(--qr-dark);font-size:1rem;font-weight:850;letter-spacing:-.02em;text-align:center}.koder-qr-status.is-warning{color:#875d07}.koder-qr-tip{margin:12px 0 0;color:#718096;font-size:.76rem}.koder-qr-downloads{margin-top:6px}
@media(max-width:780px){.koder-qr-feature{grid-template-columns:1fr;padding:22px}.koder-qr-feature-action{grid-template-columns:auto 1fr;justify-items:start;align-items:center}.koder-qr-feature-action small{grid-column:1/-1}.koder-mini-qr{width:92px;height:106px}.koder-qr-tool{grid-template-columns:1fr;padding:18px}.koder-qr-brand-row{grid-template-columns:1fr}.koder-qr-preview-panel{padding:18px}.koder-qr-preview-frame{max-width:min(100%,430px)}}
@media(max-width:420px){.koder-qr-feature{padding:18px}.koder-qr-feature-action{grid-template-columns:1fr;justify-items:start}.koder-mini-qr{display:none}.koder-qr-style-head{display:block}.koder-qr-style-head span{display:block;margin-top:4px}.koder-qr-preview-panel{padding:14px}.koder-qr-preview-frame{padding:9px 9px 6px;border-width:3px}.koder-qr-tabs{gap:6px}.koder-qr-tabs button{padding:7px 9px;font-size:.83rem}}

/* 0.3.0 home refinement */
.koder-home-grid-single{grid-template-columns:1fr}.koder-panel-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.koder-panel-heading h2{margin-bottom:0}.koder-panel-heading>p{margin:0;max-width:360px;color:var(--koder-muted);font-size:.92rem;text-align:right}.koder-home-qr{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 10px 8px;border:3px solid var(--koder-navy);border-radius:12px;background:#fff;text-decoration:none;box-shadow:0 12px 26px rgba(7,26,61,.12)}.koder-home-qr img{display:block;width:116px;height:116px}.koder-home-qr strong{color:var(--koder-navy);font-size:.78rem;letter-spacing:.01em}.koder-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.koder-category-card{min-height:112px}.koder-trust-strip{padding-top:6px}.koder-qr-feature-action small{max-width:180px;text-align:center}
@media(max-width:900px){.koder-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.koder-hero{padding:38px 0 32px}.koder-hero h1{font-size:clamp(2.55rem,12vw,4.15rem);line-height:.98}.koder-lead{margin:15px auto 20px;font-size:1rem;line-height:1.5}.koder-smart-search{margin-top:18px}.koder-search-input{padding:16px 12px}.koder-example-chips{margin-top:11px}.koder-qr-feature{margin-bottom:16px}.koder-home-qr{padding:8px 8px 6px}.koder-home-qr img{width:88px;height:88px}.koder-panel-heading{display:block}.koder-panel-heading>p{margin-top:7px;text-align:left}.koder-trust-strip{padding-bottom:40px}}
@media(max-width:520px){.koder-shell{width:min(100% - 22px,1120px)}.koder-hero{padding:30px 0 26px}.koder-hero .koder-eyebrow{margin-bottom:8px}.koder-hero h1{font-size:2.65rem;letter-spacing:-.05em}.koder-lead{font-size:.98rem}.koder-search-field{border-radius:15px}.koder-search-icon{padding-left:14px;font-size:1.25rem}.koder-search-input{font-size:1rem;padding:15px 9px}.koder-search-field>button{margin:5px;padding:12px 15px;border-radius:10px}.koder-example-chip{padding:6px 10px}.koder-qr-feature{padding:18px;border-radius:18px;gap:18px}.koder-qr-feature h2{font-size:1.72rem}.koder-qr-feature-copy>p:not(.koder-eyebrow){font-size:.94rem;line-height:1.5}.koder-feature-tags{margin-top:12px}.koder-qr-feature-action{grid-template-columns:92px 1fr;column-gap:13px;row-gap:8px;width:100%}.koder-home-qr{grid-row:1/3}.koder-home-qr img{width:72px;height:72px}.koder-feature-button{padding:12px 14px;justify-self:start}.koder-qr-feature-action small{grid-column:2;text-align:left;max-width:none;font-size:.74rem}.koder-panel{padding:18px;border-radius:18px}.koder-category-grid{grid-template-columns:1fr}.koder-category-card{min-height:0;padding:14px}.koder-trust-strip{grid-template-columns:1fr;gap:0;padding-top:12px}.koder-trust-strip div{padding:13px 4px}}