:root{--kayefi-accent:#2563eb;--kayefi-ink:#142033;--kayefi-muted:#637083;--kayefi-border:#e5eaf1;--kayefi-soft:#f4f7fb;--kayefi-card:#fff;--kayefi-radius:18px}
.kayefi-toolbox,.kayefi-directory,.kayefi-hero,.kayefi-category-strip,.kayefi-home-tools,.kayefi-info-band,.kayefi-home-bottom{font-family:inherit;color:var(--kayefi-ink)}
.kayefi-toolbox{margin:1.5rem 0 2rem;border:1px solid var(--kayefi-border);border-radius:22px;background:linear-gradient(160deg,#fff 0%,#fafcff 100%);padding:clamp(16px,3vw,28px);box-shadow:0 12px 36px rgba(20,32,51,.045)}
.kayefi-tool-form{margin-bottom:1rem}.kayefi-generator-form{display:block}.kayefi-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.kayefi-input-field{display:flex;flex-direction:column;gap:8px;min-width:0;color:var(--kayefi-ink);font-size:.9rem;font-weight:650}.kayefi-input-field:first-child:last-child{grid-column:1/-1}.kayefi-input-field span i{font-style:normal;color:#d44545}.kayefi-input-field input,.kayefi-input-field textarea,.kayefi-input-field select{width:100%;max-width:100%;min-height:46px;padding:12px 13px;border:1px solid #d7dee9;border-radius:11px;background:#fff;color:#172033;font:inherit;font-weight:450;box-sizing:border-box;outline:none;transition:border-color .18s,box-shadow .18s}.kayefi-input-field textarea{min-height:112px;resize:vertical;line-height:1.5}.kayefi-input-field input[type=color]{padding:4px;height:46px;cursor:pointer}.kayefi-input-field input:focus,.kayefi-input-field textarea:focus,.kayefi-input-field select:focus{border-color:var(--kayefi-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--kayefi-accent) 14%,transparent)}.kayefi-input-field small{font-size:.78rem;color:var(--kayefi-muted);font-weight:400}.kayefi-output-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.kayefi-output-options label{display:flex;flex-direction:column;gap:7px;font-size:.8rem;font-weight:650;color:#344054}.kayefi-output-options select,.kayefi-output-options input:not([type=color]){height:42px;min-width:0;padding:9px 10px;border:1px solid var(--kayefi-border);border-radius:9px;background:#fff;color:var(--kayefi-ink);font:inherit}.kayefi-output-options input[type=color]{width:100%;height:42px;border:1px solid var(--kayefi-border);border-radius:9px;background:#fff;padding:3px}.kayefi-generator-actions,.kayefi-output-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:18px}.kayefi-button{appearance:none;display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 16px;border:1px solid transparent;border-radius:11px;font:inherit;font-size:.88rem;font-weight:700;line-height:1.2;text-decoration:none!important;cursor:pointer;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s}.kayefi-button:hover{transform:translateY(-1px)}.kayefi-button-primary{background:var(--kayefi-accent);color:#fff!important;box-shadow:0 6px 16px color-mix(in srgb,var(--kayefi-accent) 20%,transparent)}.kayefi-button-primary:hover{filter:brightness(.95)}.kayefi-button-quiet{background:#fff;color:#27364b!important;border-color:#dce3ed}.kayefi-button-quiet:hover{border-color:#aab8cc;background:#f8fafc}.kayefi-tool-message{font-size:.9rem;color:#9a3412;line-height:1.55;margin:.5rem 0}.kayefi-tool-results{margin-top:22px}.kayefi-output-card,.kayefi-calculation-card{border:1px solid var(--kayefi-border);border-radius:16px;background:#fff;padding:16px;min-width:0}.kayefi-output-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.kayefi-output-heading strong{font-size:.95rem}.kayefi-output-heading span,.kayefi-result-kicker{font-size:.72rem;font-weight:750;letter-spacing:.08em;color:var(--kayefi-muted);text-transform:uppercase}.kayefi-output-preview{display:flex;justify-content:center;align-items:center;overflow:hidden;padding:16px;background:repeating-linear-gradient(45deg,#f6f8fb,#f6f8fb 8px,#fff 8px,#fff 16px);border:1px solid #edf0f5;border-radius:12px}.kayefi-output-preview canvas{display:block;max-width:100%;height:auto;object-fit:contain;box-shadow:0 3px 14px rgba(0,0,0,.06)}.kayefi-output-actions .kayefi-button{min-height:40px;padding:10px 13px;font-size:.82rem}.kayefi-batch-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kayefi-batch-results .kayefi-output-card{padding:11px}.kayefi-batch-results .kayefi-output-preview{padding:7px}.kayefi-batch-results .kayefi-output-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.kayefi-batch-results .kayefi-button{padding:8px 6px;font-size:.74rem}.kayefi-local-note{display:flex;gap:8px;align-items:flex-start;margin:18px 0 0;color:var(--kayefi-muted);font-size:.8rem;line-height:1.55}.kayefi-local-note span{flex:0 0 auto}.kayefi-editorial-content{margin:28px auto 0;max-width:860px}.kayefi-editorial-content p,.kayefi-editorial-content li{color:#4b596b;line-height:1.8;font-size:1rem}.kayefi-editorial-content h2{margin:28px 0 10px;color:var(--kayefi-ink);font-size:clamp(1.2rem,2.2vw,1.6rem);letter-spacing:-.025em}.kayefi-editorial-content ol{padding-left:1.25rem}.kayefi-editorial-content li{padding-left:.2rem;margin:.45rem 0}.kayefi-faq-list{display:grid;gap:9px}.kayefi-faq{border:1px solid var(--kayefi-border);border-radius:12px;background:#fff;padding:0 15px}.kayefi-faq summary{cursor:pointer;list-style:none;padding:15px 24px 15px 0;font-weight:700;color:var(--kayefi-ink);position:relative}.kayefi-faq summary::-webkit-details-marker{display:none}.kayefi-faq summary:after{content:'+';position:absolute;right:0;top:11px;font-size:1.3rem;color:var(--kayefi-accent)}.kayefi-faq[open] summary:after{content:'−'}.kayefi-faq p{margin:0;padding:0 0 16px;font-size:.91rem;line-height:1.7;color:#5a6779}.kayefi-helper{margin:10px 0;color:var(--kayefi-muted);font-size:.82rem;line-height:1.6}.kayefi-loading{color:var(--kayefi-muted)}.kayefi-calculation-card{padding:clamp(18px,3vw,28px)}.kayefi-calculation-card>strong{display:block;font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:-.04em;margin:8px 0 10px;overflow-wrap:anywhere}.kayefi-calculation-card p{color:#59677a;line-height:1.65}.kayefi-result-text{width:100%;box-sizing:border-box;border:1px solid var(--kayefi-border);border-radius:9px;padding:12px;font:inherit;color:var(--kayefi-ink)}.kayefi-contrast-sample{display:flex;align-items:center;gap:12px;padding:24px;border-radius:10px;font-weight:700;font-size:1.05rem}.kayefi-contrast-sample span:first-child{font-size:2rem;font-weight:900}.kayefi-url-details{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;padding:18px 0}.kayefi-url-details dt{font-size:.83rem;font-weight:700;color:#556275}.kayefi-url-details dd{margin:0;font-size:.88rem;overflow-wrap:anywhere;color:#172033}.kayefi-directory{width:100%}.kayefi-directory-controls{display:flex;gap:10px;margin:0 0 18px}.kayefi-tool-search,.kayefi-directory-controls select{min-width:0;min-height:48px;padding:12px 14px;background:#fff;border:1px solid var(--kayefi-border);border-radius:12px;font:inherit;color:var(--kayefi-ink)}.kayefi-tool-search{flex:1}.kayefi-directory-controls select{max-width:220px}.kayefi-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.kayefi-tool-card{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:19px;background:#fff;border:1px solid var(--kayefi-border);border-radius:16px;min-height:190px;text-decoration:none!important;color:var(--kayefi-ink)!important;box-shadow:0 4px 14px rgba(25,42,70,.025);transition:transform .16s,border-color .16s,box-shadow .16s}.kayefi-tool-card:hover{transform:translateY(-3px);border-color:#b7c8ed;box-shadow:0 12px 24px rgba(25,42,70,.065)}.kayefi-tool-card-icon{display:grid;place-items:center;width:42px;height:42px;background:#eef4ff;color:var(--kayefi-accent);border-radius:12px;font-size:1.4rem;font-weight:700}.kayefi-tool-card-category{margin-top:2px;font-size:.7rem;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--kayefi-accent)}.kayefi-tool-card strong{font-size:1rem;line-height:1.35;font-weight:760;letter-spacing:-.015em}.kayefi-tool-card>span:nth-last-child(2){color:var(--kayefi-muted);font-size:.83rem;line-height:1.55}.kayefi-card-link{display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:4px;font-size:.82rem;font-weight:750;color:var(--kayefi-accent)}.kayefi-no-results{padding:24px;text-align:center;color:var(--kayefi-muted)}.kayefi-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:clamp(24px,5vw,64px);padding:clamp(28px,5vw,68px) clamp(20px,4vw,48px);margin:0 auto 30px;border-radius:26px;overflow:hidden;background:radial-gradient(circle at 84% 16%,rgba(102,156,255,.18),transparent 30%),linear-gradient(135deg,#f7faff,#eef4ff 72%,#f8fbff);position:relative}.kayefi-hero-copy{position:relative;z-index:2}.kayefi-eyebrow{display:flex;align-items:center;gap:8px;color:var(--kayefi-accent);font-size:.73rem;letter-spacing:.12em;font-weight:850;text-transform:uppercase}.kayefi-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#31b67a;box-shadow:0 0 0 4px rgba(49,182,122,.12)}.kayefi-hero h1{margin:20px 0 16px;font-size:clamp(2.5rem,5.5vw,4.65rem);line-height:1.02;letter-spacing:-.065em;color:#17253d;font-weight:820}.kayefi-hero h1 em{font-style:normal;color:var(--kayefi-accent)}.kayefi-hero-copy>p{max-width:570px;margin:0;color:#526178;font-size:clamp(1rem,1.4vw,1.13rem);line-height:1.75}.kayefi-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.kayefi-hero-proof{display:flex;flex-wrap:wrap;gap:9px 17px;margin-top:26px;color:#5d6b80;font-size:.75rem;font-weight:600}.kayefi-category-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 auto 65px}.kayefi-category-strip>a{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:12px;padding:17px;border:1px solid var(--kayefi-border);border-radius:15px;background:#fff;text-decoration:none!important;color:var(--kayefi-ink)!important;transition:border .16s,transform .16s}.kayefi-category-strip>a:hover{border-color:#b7c8ed;transform:translateY(-2px)}.kayefi-category-strip>a>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;background:#eef4ff;color:var(--kayefi-accent);font-weight:800;border-radius:12px;font-size:1.25rem}.kayefi-category-strip strong{font-size:.86rem}.kayefi-category-strip small{font-size:.75rem;color:var(--kayefi-muted);line-height:1.5}.kayefi-home-tools{margin:0 auto 68px}.kayefi-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.kayefi-section-heading h2,.kayefi-info-band h2,.kayefi-home-bottom h2{margin:10px 0 7px;color:var(--kayefi-ink);font-size:clamp(1.65rem,3.3vw,2.45rem);letter-spacing:-.05em;line-height:1.14}.kayefi-section-heading p,.kayefi-info-band p,.kayefi-home-bottom p{margin:0;color:var(--kayefi-muted);line-height:1.7}.kayefi-text-link{white-space:nowrap;color:var(--kayefi-accent)!important;text-decoration:none!important;font-weight:750;font-size:.86rem}.kayefi-hero-art{position:relative;min-height:370px;display:grid;place-items:center}.kayefi-art-back{position:absolute;inset:13% 9%;border-radius:35px;background:linear-gradient(130deg,#dae7ff,#c6d9ff);transform:rotate(-7deg)}.kayefi-art-card{position:absolute;background:#fff;border:1px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 24px 50px rgba(38,77,138,.18)}.kayefi-art-card-one{width:220px;height:268px;padding:22px;transform:rotate(5deg);z-index:2}.kayefi-art-tag{font-size:.57rem;letter-spacing:.15em;font-weight:850;color:#8b98ac}.kayefi-art-qr{position:relative;width:154px;height:154px;margin:14px auto 17px;background-color:white;background-image:linear-gradient(90deg,#1b2a43 10%,transparent 10%,transparent 20%,#1b2a43 20%,#1b2a43 29%,transparent 29%,transparent 39%,#1b2a43 39%,#1b2a43 49%,transparent 49%,transparent 59%,#1b2a43 59%,#1b2a43 68%,transparent 68%,transparent 78%,#1b2a43 78%,#1b2a43 88%,transparent 88%),linear-gradient(#1b2a43 10%,transparent 10%,transparent 20%,#1b2a43 20%,#1b2a43 29%,transparent 29%,transparent 39%,#1b2a43 39%,#1b2a43 49%,transparent 49%,transparent 59%,#1b2a43 59%,#1b2a43 68%,transparent 68%,transparent 78%,#1b2a43 78%,#1b2a43 88%,transparent 88%);background-size:23px 23px;border:8px solid #fff;box-sizing:border-box}.kayefi-art-qr:before,.kayefi-art-qr:after,.kayefi-art-qr>span{content:'';position:absolute;width:33px;height:33px;border:6px solid #1b2a43;background:#fff;box-sizing:border-box}.kayefi-art-qr:before{top:0;left:0}.kayefi-art-qr:after{top:0;right:0}.kayefi-art-qr>span:first-child{bottom:0;left:0}.kayefi-art-qr>span:nth-child(2){top:10px;left:10px;width:13px;height:13px;background:#1b2a43;border:0;z-index:2}.kayefi-art-qr>span:nth-child(3){bottom:20px;right:22px;width:18px;height:18px;background:#1b2a43;border:0}.kayefi-art-line{height:6px;border-radius:4px;background:#dce4ee;margin:8px 0}.kayefi-art-line.short{width:56%}.kayefi-art-card-two{z-index:3;right:-2%;bottom:8%;width:210px;padding:17px;transform:rotate(-7deg)}.kayefi-art-card-two>span{display:block;margin-top:8px;font:700 .8rem ui-monospace,monospace;letter-spacing:.13em;color:#556479}.kayefi-mini-bars{height:46px;background:repeating-linear-gradient(90deg,#17253d 0 3px,transparent 3px 6px,#17253d 6px 8px,transparent 8px 12px,#17253d 12px 17px,transparent 17px 20px,#17253d 20px 22px,transparent 22px 26px);opacity:.94}.kayefi-art-orb{position:absolute;width:64px;height:64px;right:2%;top:5%;border-radius:50%;background:#6f9fff;box-shadow:inset -8px -8px 0 rgba(36,85,172,.2)}.kayefi-info-band{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(28px,5vw,70px);padding:clamp(25px,4vw,48px);border-radius:22px;background:#f5f7fb;margin:0 auto 62px}.kayefi-info-band>div:first-child{max-width:440px}.kayefi-info-band p{font-size:.95rem}.kayefi-info-points{display:grid;gap:18px}.kayefi-info-points>div{display:flex;gap:17px;align-items:flex-start}.kayefi-info-points>b,.kayefi-info-points>div>b{font-size:.8rem;color:var(--kayefi-accent);font-weight:850;letter-spacing:.05em;padding-top:2px}.kayefi-info-points span{display:grid;gap:4px}.kayefi-info-points strong{font-size:.95rem}.kayefi-info-points small{font-size:.85rem;line-height:1.6;color:var(--kayefi-muted)}.kayefi-home-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:5px 0 20px}.kayefi-home-bottom h2{font-size:clamp(1.4rem,2.8vw,2rem)}.kayefi-home-bottom p{max-width:690px;font-size:.9rem}.kayefi-home-bottom .kayefi-button{flex:0 0 auto}.kayefi-archive-intro{max-width:780px;margin:0 0 24px;color:var(--kayefi-muted);line-height:1.7}.kayefi-contact-form{display:grid;gap:16px;margin:22px 0;padding:clamp(18px,3vw,28px);border:1px solid var(--kayefi-border);border-radius:20px;background:#fbfcfe}.kayefi-contact-intro{display:flex;align-items:center;gap:13px;margin-bottom:3px}.kayefi-contact-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;color:var(--kayefi-accent);background:#eef4ff;font-size:1.2rem}.kayefi-contact-intro strong{font-size:1.04rem}.kayefi-contact-intro p{margin:3px 0 0;color:var(--kayefi-muted);font-size:.85rem;line-height:1.5}.kayefi-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.kayefi-contact-form label{display:grid;gap:7px;font-weight:650;font-size:.89rem}.kayefi-contact-form label span{font-weight:400;color:var(--kayefi-muted);font-size:.8rem}.kayefi-contact-form input,.kayefi-contact-form select,.kayefi-contact-form textarea{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #d7dee9;border-radius:10px;background:#fff;font:inherit;font-size:.91rem;color:var(--kayefi-ink)}.kayefi-contact-form input,.kayefi-contact-form select{min-height:45px}.kayefi-contact-form textarea{line-height:1.6;resize:vertical}.kayefi-contact-form .kayefi-button{justify-self:start}.kayefi-contact-privacy,.kayefi-admin-reminder{margin:0;color:var(--kayefi-muted);font-size:.78rem;line-height:1.6}.kayefi-admin-reminder{color:#92400e;background:#fffbeb;border:1px solid #fde68a;padding:10px;border-radius:8px}
@media(max-width:980px){.kayefi-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kayefi-category-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:50px}.kayefi-hero{grid-template-columns:1fr .75fr}.kayefi-hero-art{min-height:300px}.kayefi-art-card-one{transform:scale(.85) rotate(5deg)}.kayefi-art-card-two{transform:scale(.85) rotate(-7deg);right:-6%}.kayefi-art-orb{width:48px;height:48px}.kayefi-info-band{grid-template-columns:1fr 1fr}}
@media(max-width:660px){.kayefi-fields-grid{grid-template-columns:1fr}.kayefi-output-options{grid-template-columns:repeat(2,minmax(0,1fr))}.kayefi-directory-controls{flex-direction:column}.kayefi-directory-controls select{max-width:none;width:100%}.kayefi-tools-grid{grid-template-columns:1fr}.kayefi-tool-card{min-height:auto;padding:16px}.kayefi-tool-card>span:nth-last-child(2){max-width:48rem}.kayefi-batch-results{grid-template-columns:1fr}.kayefi-batch-results .kayefi-output-card{padding:13px}.kayefi-hero{grid-template-columns:1fr;padding:29px 22px 18px;gap:4px}.kayefi-hero h1{font-size:clamp(2.4rem,13vw,3.7rem);margin-top:16px}.kayefi-hero-art{min-height:260px;max-width:360px;width:100%;justify-self:center;transform:scale(.91);margin-top:-8px}.kayefi-art-card-two{right:0}.kayefi-category-strip{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:46px}.kayefi-category-strip>a{grid-template-columns:34px minmax(0,1fr);column-gap:9px;padding:12px}.kayefi-category-strip>a>span{width:34px;height:34px;font-size:1.05rem}.kayefi-category-strip strong{font-size:.79rem}.kayefi-category-strip small{font-size:.69rem}.kayefi-section-heading{align-items:flex-start;flex-direction:column}.kayefi-info-band{grid-template-columns:1fr;gap:28px;padding:24px 20px}.kayefi-home-bottom{align-items:flex-start;flex-direction:column}.kayefi-home-bottom .kayefi-button{width:100%;box-sizing:border-box}.kayefi-form-grid{grid-template-columns:1fr}.kayefi-contact-form .kayefi-button{width:100%}.kayefi-toolbox{padding:15px;border-radius:17px}.kayefi-output-preview{padding:8px}.kayefi-output-actions{display:grid;grid-template-columns:1fr 1fr}.kayefi-output-actions .kayefi-button{width:100%;box-sizing:border-box;padding-inline:8px}.kayefi-url-details{grid-template-columns:105px minmax(0,1fr)}.kayefi-generator-actions .kayefi-button{flex:1}.kayefi-editorial-content p,.kayefi-editorial-content li{font-size:.94rem}}

.kf-app {
  display: grid;
  gap: 1.25rem;
}
.kf-form-col,
.kf-results {
  min-width: 0;
}
.kf-fields,
.kf-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.kf-field,
.kf-option {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  min-width: 0;
  font-size: 0.92rem;
  font-weight: 650;
  color: var(--kf-ink);
}
.kf-field.is-wide,
.kf-field:only-child {
  grid-column: 1 / -1;
}
.kf-field i {
  font-style: normal;
  color: var(--kf-danger);
}
.kf-field input,
.kf-field textarea,
.kf-field select,
.kf-option select,
.kf-copybox {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--kf-line);
  background: var(--kf-card);
  color: var(--kf-ink);
  border-radius: 0.75rem;
  padding: 0.75rem 0.8rem;
  font: inherit;
  font-weight: 450;
  min-height: 2.85rem;
}
.kf-field textarea,
.kf-copybox {
  min-height: 6.5rem;
  resize: vertical;
  line-height: 1.5;
}
.kf-field input:focus,
.kf-field textarea:focus,
.kf-field select:focus,
.kf-option select:focus,
.kf-copybox:focus {
  outline: 2px solid var(--kf-accent);
  outline-offset: 1px;
}
.kf-field small,
.kf-note,
.kf-lead,
.kf-empty,
.kf-calc p {
  font-weight: 450;
  color: var(--kf-muted);
  line-height: 1.55;
  font-size: 0.92rem;
}
.kf-options {
  margin-top: 0.85rem;
}
.kf-option input[type="color"],
.kf-field input[type="color"] {
  padding: 0.25rem;
  height: 2.85rem;
  cursor: pointer;
  background: var(--kf-card);
}
.kf-actions {
  display: grid;
  gap: 0.65rem;
  margin-top: 1.1rem;
}
.kf-secondary {
  margin-top: 0;
}
.kf-btn-generate {
  width: 100%;
  min-height: 3.5rem;
  border: 0;
  border-radius: 1rem;
  background: var(--kf-accent);
  color: var(--kf-on-accent);
  font-size: 1.08rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--kf-accent) 38%, transparent);
}
.kf-btn-generate:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
.kf-btn-generate:disabled {
  transform: none;
  box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
  .kf-btn-generate:hover {
    transform: none;
  }
}
.kf-btn {
  appearance: none;
  border: 1px solid var(--kf-line);
  background: var(--kf-card);
  color: var(--kf-ink);
  border-radius: 999px;
  min-height: 2.75rem;
  padding: 0.55rem 0.95rem;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.kf-btn:hover {
  border-color: var(--kf-accent);
}
.kf-btn:disabled {
  opacity: 0.6;
  cursor: progress;
}
.kf-btn-primary {
  background: var(--kf-accent);
  border-color: var(--kf-accent);
  color: var(--kf-on-accent);
}
.kf-btn-primary:hover {
  filter: brightness(1.05);
}
.kf-msg {
  min-height: 1.2rem;
  margin: 0.75rem 0 0;
  color: var(--kf-danger);
  font-size: 0.95rem;
}
.kf-empty,
.kf-output,
.kf-calc {
  border: 1px solid var(--kf-line);
  background: var(--kf-card);
  border-radius: 1rem;
  padding: 1rem;
  color: var(--kf-ink);
}
.kf-empty {
  min-height: 12rem;
  display: grid;
  place-items: center;
  text-align: center;
}
.kf-output-head,
.kf-calc {
  display: grid;
  gap: 0.35rem;
}
.kf-output-head {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: baseline;
}
.kf-kicker,
.kf-output-head span {
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 750;
  color: var(--kf-accent);
}
.kf-calc strong {
  font-family: Outfit, "Segoe UI", sans-serif;
  font-size: 1.45rem;
  font-weight: 750;
  letter-spacing: -0.03em;
  overflow-wrap: anywhere;
  color: var(--kf-ink);
}
.kf-preview {
  display: grid;
  place-items: center;
  margin-top: 0.75rem;
  padding: 0.8rem;
  border-radius: 0.8rem;
  background: repeating-linear-gradient(45deg, var(--kf-soft), var(--kf-soft) 8px, var(--kf-card) 8px, var(--kf-card) 16px);
  border: 1px solid var(--kf-line);
}
.kf-canvas,
.kf-preview canvas {
  max-width: 100%;
  height: auto;
  background: var(--kf-card);
}
.kf-batch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}
.kf-rows {
  display: grid;
  grid-template-columns: 9rem 1fr;
  gap: 0.45rem 0.75rem;
  margin: 0.4rem 0;
}
.kf-rows dt {
  color: var(--kf-muted);
  font-size: 0.82rem;
  font-weight: 700;
}
.kf-rows dd {
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--kf-ink);
}
.kf-swatch {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  border-radius: 0.8rem;
  padding: 1rem 1.1rem;
  font-weight: 700;
}
.kf-swatch b {
  font-size: 1.6rem;
}
.kf-scan .kf-video {
  width: 100%;
  max-height: 22rem;
  background: #0c121b;
  border-radius: 0.9rem;
  margin-top: 0.8rem;
}
.kf-lead {
  margin: 0.2rem 0 0.8rem;
}
@media (min-width: 960px) {
  .kf-app {
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
    align-items: start;
  }
  .kf-results {
    position: sticky;
    top: 5.5rem;
  }
  .kf-scan {
    grid-column: 1 / -1;
  }
}
@media (max-width: 720px) {
  .kf-fields,
  .kf-options,
  .kf-batch,
  .kf-rows {
    grid-template-columns: 1fr;
  }
  .kf-btn {
    flex: 1 1 auto;
  }
}