.kf-root{--kf-russ:var(--w-bg);--kf-blech:var(--w-bg-2);--kf-blech-2:var(--w-panel);--kf-leinen:var(--w-ink);--kf-dim:var(--w-ink-dim);--kf-line:var(--w-line);--kf-line-strong:var(--w-line-strong);--kf-papier:var(--w-panel);--kf-papier-ink:var(--w-ink);--kf-papier-dim:var(--w-ink-soft);--kf-rot:var(--w-accent);--kf-rot-hover:color-mix(in srgb,var(--w-accent) 86%,#000);--kf-rot-text:var(--w-accent-ink);--kf-radius:var(--w-radius-control);--kf-font-display:var(--font-md-display);--kf-font-display-ext:var(--font-md-display);--kf-font-body:var(--font-md-text);--kf-font-body-ext:var(--font-md-text);--kf-font-mono:var(--font-md-text);--kf-font-mono-ext:var(--font-md-text);--kf-console:400px;--kf-bar:60px;position:relative;display:grid;grid-template-rows:var(--kf-bar) minmax(0,1fr);height:100dvh;min-height:560px;background:var(--kf-russ);color:var(--kf-leinen);font-family:var(--kf-font-body),var(--kf-font-body-ext),ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.45}.kf-root *,.kf-root :after,.kf-root :before{box-sizing:border-box}.kf-root :where(h1,h2,h3,p,ul,dl,dd,fieldset,legend){margin:0;padding:0}.kf-root :where(ul){list-style:none}.kf-root :where(button,input){font:inherit;color:inherit}.kf-root :focus-visible{outline:2px solid var(--kf-rot-text);outline-offset:2px}.kf-mono{font-family:var(--kf-font-mono),var(--kf-font-mono-ext),ui-monospace,monospace;font-variant-numeric:tabular-nums}.kf-num{font-family:var(--kf-font-mono),var(--kf-font-mono-ext),ui-monospace,monospace;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--kf-rot-text)}.kf-bar{display:flex;gap:18px;padding:0 16px;border-bottom:1px solid var(--kf-line);background:var(--kf-russ);min-width:0}.kf-back,.kf-bar{align-items:center}.kf-back{display:inline-flex;gap:10px;min-height:44px;padding-right:4px;color:var(--kf-leinen);text-decoration:none;flex:none}.kf-title{font-size:13px;font-weight:400;color:var(--kf-dim);padding-left:18px;border-left:1px solid var(--kf-line);white-space:nowrap}.kf-readout{display:flex;align-items:center;gap:22px;min-width:0}.kf-readout>div{display:flex;flex-direction:column;min-width:0}.kf-readout dt{font-family:var(--kf-font-mono),var(--kf-font-mono-ext),monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--kf-dim)}.kf-readout dd{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kf-readout-sum{flex:none}.kf-readout-sum dd{display:flex;flex-direction:column;line-height:1.2}.kf-readout-note{font-size:11px;font-weight:400;line-height:1.15;color:var(--kf-dim)}.kf-bar-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}.kf-devices{display:inline-flex;border:1px solid var(--kf-line-strong);border-radius:var(--kf-radius)}.kf-devices button{min-height:38px;padding:0 12px;border:0;background:transparent;color:var(--kf-dim);font-size:13px;cursor:pointer}.kf-devices button+button{border-left:1px solid var(--kf-line-strong)}.kf-devices button[aria-pressed=true]{background:var(--kf-leinen);color:var(--kf-russ)}.kf-ghost,.kf-toggle{min-height:40px;padding:0 14px;border:1px solid var(--kf-line-strong);border-radius:var(--kf-radius);background:transparent;font-size:14px;cursor:pointer}.kf-toggle:hover{border-color:var(--kf-leinen)}.kf-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:0;border-radius:var(--kf-radius);background:var(--kf-rot);color:var(--w-on-accent);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease}.kf-cta:hover{background:var(--kf-rot-hover)}.kf-cta--block{width:100%;min-height:46px;margin-top:8px;font-size:15px}.kf-body{display:grid;grid-template-columns:var(--kf-console) minmax(0,1fr);min-height:0}.kf-root[data-drawer=closed] .kf-body{grid-template-columns:0 minmax(0,1fr)}.kf-root[data-drawer=closed] .kf-console{visibility:hidden}.kf-console{display:flex;flex-direction:column;min-height:0;background:var(--kf-blech);border-right:1px solid var(--kf-line);overflow:hidden}.kf-console:focus{outline:none}.kf-console-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain}.kf-block{border:0;border-bottom:1px solid var(--kf-line);padding:18px 20px 20px;min-width:0}.kf-block legend,.kf-legend{float:left;width:100%;display:flex;align-items:baseline;gap:10px;margin-bottom:10px;font-family:var(--kf-font-display),var(--kf-font-display-ext),sans-serif;font-size:16px;font-weight:700;letter-spacing:-.01em}.kf-block legend+*{clear:both}.kf-hint{font-size:13px;color:var(--kf-dim);margin-bottom:12px}.kf-file input,.kf-package input,.kf-radio input,.kf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.kf-radios{display:grid;gap:6px}.kf-radio{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:10px 12px;border:1px solid var(--kf-line);border-radius:var(--kf-radius);cursor:pointer;transition:border-color .15s ease}.kf-package:hover,.kf-radio:hover{border-color:var(--kf-line-strong)}.kf-package[data-on],.kf-radio[data-on]{border-color:var(--kf-leinen);background:var(--kf-blech-2)}.kf-file:has(input:focus-visible),.kf-package:has(input:focus-visible),.kf-radio:has(input:focus-visible){outline:2px solid var(--kf-rot-text);outline-offset:2px}.kf-radio b{display:block;font-size:14px}.kf-radio small{display:block;font-size:12px;color:var(--kf-dim)}.kf-lamp{display:inline-block;width:10px;height:10px;margin-top:4px;flex:none;border-radius:50%;border:1px solid var(--kf-line-strong);background:var(--kf-russ);transition:background-color .15s ease,border-color .15s ease}.kf-addon[data-on] .kf-lamp,.kf-radio[data-on] .kf-lamp{background:var(--kf-rot-text);border-color:var(--kf-rot-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--kf-rot-text) 22%,transparent)}.kf-packages{display:grid;grid-template-columns:1fr 1fr;gap:6px}.kf-package{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--kf-line);border-radius:var(--kf-radius);cursor:pointer}.kf-package b{font-family:var(--kf-font-display),var(--kf-font-display-ext),sans-serif;font-size:14px;letter-spacing:-.01em}.kf-package .kf-mono{font-size:12px}.kf-package small{font-size:11.5px;color:var(--kf-dim)}.kf-field{display:grid;gap:6px;margin-bottom:12px}.kf-field label,.kf-label{font-family:var(--kf-font-mono),var(--kf-font-mono-ext),monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--kf-dim)}.kf-field input{min-height:42px;padding:0 12px;border:1px solid var(--kf-line-strong);border-radius:var(--kf-radius);background:var(--kf-russ)}.kf-field input::placeholder{color:var(--kf-dim)}.kf-colors{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px}.kf-color{display:inline-flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.kf-color input{width:40px;height:36px;padding:2px;border:1px solid var(--kf-line-strong);border-radius:var(--kf-radius);background:transparent;cursor:pointer}.kf-logo{display:grid;gap:8px}.kf-logo-row{display:flex;align-items:center;gap:12px}.kf-logo-row img{max-height:40px;max-width:140px;padding:4px;background:#fff;border-radius:var(--kf-radius)}.kf-file span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px dashed var(--kf-line-strong);border-radius:var(--kf-radius);font-size:14px;cursor:pointer}.kf-link{padding:4px 0;border:0;background:none;color:var(--kf-leinen);font-size:13px;text-decoration:underline;text-decoration-color:var(--kf-rot-text);text-underline-offset:3px;cursor:pointer}.kf-group h3{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 6px;font-family:var(--kf-font-mono),var(--kf-font-mono-ext),monospace;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--kf-dim)}.kf-group h3 .kf-mono{color:var(--kf-leinen);letter-spacing:.04em}.kf-addon{padding:8px 0 10px;border-top:1px solid var(--kf-line)}.kf-switch{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;width:100%;min-height:36px;padding:4px 0;border:0;background:none;text-align:left;cursor:pointer}.kf-switch:disabled{cursor:default}.kf-addon-title{font-size:14px;font-weight:500}.kf-addon-price{font-size:11.5px;color:var(--kf-dim);white-space:nowrap;padding-top:2px}.kf-addon[data-on] .kf-addon-price{color:var(--kf-leinen)}.kf-addon-desc,.kf-addon[data-locked] .kf-addon-title{color:var(--kf-dim)}.kf-addon-desc{font-size:12px}.kf-addon-desc,.kf-addon>.kf-link{margin-left:20px}.kf-tag{display:inline-block;margin-right:4px;padding:0 5px;border:1px solid var(--kf-line-strong);border-radius:var(--kf-radius);font-family:var(--kf-font-mono),var(--kf-font-mono-ext),monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.kf-dep,.kf-tag{color:var(--kf-leinen)}.kf-qty{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 0 20px}.kf-qty button{width:34px;height:34px;border:1px solid var(--kf-line-strong);border-radius:var(--kf-radius);background:var(--kf-russ);font-size:16px;cursor:pointer}.kf-qty button:disabled{opacity:.4;cursor:default}.kf-qty output{min-width:96px;font-size:12px;text-align:center}.kf-qty small{font-size:11.5px;color:var(--kf-dim)}.kf-sum{flex:none;padding:12px 20px 14px;background:var(--kf-papier);color:var(--kf-papier-ink);border-top:1px solid var(--kf-line)}.kf-sum-title{font-family:var(--kf-font-mono),var(--kf-font-mono-ext),monospace;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--kf-papier-dim);margin-bottom:6px}.kf-lines div{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;padding:1px 0}.kf-lines dd{font-family:var(--kf-font-mono),var(--kf-font-mono-ext),monospace;font-variant-numeric:tabular-nums}.kf-lines .kf-total{align-items:baseline;margin-top:4px;padding-top:6px;border-top:1px solid var(--kf-line)}.kf-total dt{font-family:var(--kf-font-display),var(--kf-font-display-ext),sans-serif;font-size:16px;font-weight:700;letter-spacing:-.01em}.kf-total dd{font-size:20px;font-weight:600}.kf-note{margin-top:4px;font-size:12px;color:var(--kf-papier-dim)}.kf-notice{margin-bottom:10px;padding:8px 10px;border-left:3px solid var(--kf-rot);background:var(--w-bg-2);font-size:12.5px}.kf-sum-actions{display:flex;flex-wrap:wrap;gap:0 18px;margin-top:4px}.kf-sum:has(.kf-account){max-height:78dvh;overflow-y:auto}.kf-account{margin:8px 0 4px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--kf-papier-ink) 22%,transparent)}.kf-account h3{font-size:15px;font-weight:700}.kf-account-lead,.kf-account-note{margin:4px 0 10px;font-size:13px;color:var(--kf-papier-dim)}.kf-account .kf-field label{color:var(--kf-papier-dim)}.kf-account .kf-field input,.kf-account-input{min-height:42px;padding:0 12px;border:1px solid var(--kf-line-strong);border-radius:var(--kf-radius);background:var(--w-bg);color:var(--kf-papier-ink)}.kf-account .kf-link{color:var(--kf-papier-ink);text-decoration-color:var(--kf-rot)}.kf-account-error{margin:0 0 8px;padding:8px 10px;border-left:3px solid var(--kf-rot);background:var(--w-bg-2);font-size:13px}.kf-account-close{margin-top:4px}.kf-link--ink{color:var(--kf-papier-ink);text-decoration-color:var(--kf-rot);min-height:32px}.kf-sum :focus-visible{outline-color:var(--kf-rot)}.kf-stage{position:relative;min-width:0;min-height:0;background:var(--kf-russ)}.kf-screen{display:flex;justify-content:center;align-items:stretch;height:100%}.kf-frame{display:block;width:100%;height:100%;border:0;background:#fff;transition:width .25s ease}.kf-stage[data-device=mobile] .kf-screen,.kf-stage[data-device=tablet] .kf-screen{padding:16px}.kf-stage[data-device=tablet] .kf-frame{width:min(834px,100%);border:1px solid var(--kf-line-strong)}.kf-stage[data-device=mobile] .kf-frame{width:min(390px,100%);max-height:860px;align-self:center;border:10px solid #1b1e24;border-radius:22px}.kf-guide{position:absolute;inset:0;z-index:5;overflow-y:auto;padding:clamp(24px,5vw,64px);background:color-mix(in srgb,var(--kf-russ) 95%,transparent)}.kf-guide h2{margin:6px 0 8px;font-family:var(--kf-font-display),var(--kf-font-display-ext),sans-serif;font-size:clamp(28px,3.2vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1.05}.kf-guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;max-width:1100px;margin:18px 0 22px}.kf-guide-grid--4{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.kf-guide-grid button{display:flex;flex-direction:column;gap:6px;width:100%;height:100%;padding:18px;border:1px solid var(--kf-line-strong);border-radius:var(--kf-radius);background:var(--kf-blech);text-align:left;cursor:pointer;transition:border-color .15s ease}.kf-guide-grid button:hover,.kf-guide-grid button[aria-pressed=true]{border-color:var(--kf-leinen)}.kf-guide-grid button[aria-pressed=true]{background:var(--kf-blech-2)}.kf-guide-grid button{box-shadow:var(--w-shadow)}.kf-guide-grid b{font-family:var(--kf-font-display),var(--kf-font-display-ext),sans-serif;font-size:17px;letter-spacing:-.01em}.kf-guide-grid span{font-size:13px;color:var(--kf-dim)}.kf-guide-grid em{margin-top:auto;padding-top:8px;font-family:var(--kf-font-mono),var(--kf-font-mono-ext),monospace;font-size:12px;font-style:normal;color:var(--kf-rot-text)}.kf-guide-skip{display:block;margin-top:16px}.kf-scrim{display:none}.kf-toast-live{top:0;left:0;width:0;height:0}.kf-toast,.kf-toast-live{position:fixed;z-index:60}.kf-toast{pointer-events:none;left:50%;bottom:22px;transform:translateX(-50%);padding:10px 14px;border-radius:var(--kf-radius);background:var(--kf-leinen);color:var(--kf-russ);font-size:14px}.kf-style{display:grid;gap:8px;margin-top:16px}.kf-style .kf-hint{margin-bottom:0}.kf-style-row{display:flex;align-items:center;gap:12px}.kf-style-row img{object-fit:cover;object-position:top}.kf-style-noshot,.kf-style-row img{width:96px;height:60px;border-radius:var(--kf-radius);border:1px solid var(--kf-line)}.kf-style-noshot{flex:none}.kf-style-row b{display:block;font-size:14px}.kf-theme{flex:none}@media (max-width:1439px){.kf-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;padding:0;border:0}}@media (max-width:1199px){.kf-hide-md{display:none!important}}@media (max-width:1099px){.kf-body,.kf-root[data-drawer=closed] .kf-body{grid-template-columns:minmax(0,1fr)}.kf-console{position:fixed;top:var(--kf-bar);bottom:0;left:0;z-index:40;width:min(420px,92vw);transform:translateX(-102%);transition:transform .25s ease,visibility 0s linear .25s}.kf-root[data-drawer=open] .kf-console{transform:none;visibility:visible;transition:transform .25s ease,visibility 0s}.kf-root[data-drawer=open] .kf-scrim{display:block;position:fixed;inset:var(--kf-bar) 0 0 0;z-index:30;border:0;background:rgba(0,0,0,.55)}.kf-stage{grid-column:1}}@media (max-width:699px){.kf-root{--kf-bar:56px}.kf-bar{gap:10px;padding:0 10px}.kf-hide-sm{display:none!important}.kf-back>span{display:none}.kf-readout{gap:12px}.kf-toggle{padding:0 10px;font-size:13px}.kf-console{top:auto;left:0;right:0;width:100%;height:min(84dvh,calc(100dvh - var(--kf-bar)));border-right:0;border-top:1px solid var(--kf-line-strong);transform:translateY(102%)}.kf-root[data-drawer=open] .kf-console{transform:none}.kf-packages{grid-template-columns:1fr 1fr}.kf-lines div:not(.kf-total){display:none}.kf-lines .kf-total{margin-top:0;padding-top:0;border-top:0}}@media (max-width:379px){.kf-back{min-width:40px}}@media (prefers-reduced-motion:reduce){.kf-console,.kf-frame{transition:none}}