:root{--kraft: #f5f1e8;--kraft-deep: #ece6d8;--paper: #fdfbf6;--ink: #1a1812;--ink-soft: #57503f;--ink-faint: #8d8571;--spruce: #0f5c46;--spruce-deep: #0b4634;--spruce-tint: #e3efe9;--alert: #b42318;--amber: #96650f;--amber-tint: #f8efdc;--line: #d9d2c0;--radius: 14px;--shadow: 0 18px 40px rgba(26, 24, 18, .1), 0 2px 8px rgba(26, 24, 18, .05);--font-display: "Sora", sans-serif;--font-text: "Inter", sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:linear-gradient(0deg,rgba(26,24,18,.018) 1px,transparent 1px) 0 0 / 100% 56px,var(--kraft);color:var(--ink);font-family:var(--font-text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.kb-frame{display:flex;min-height:100vh}.kb-rail{width:212px;flex:none;background:var(--ink);color:var(--kraft);display:flex;flex-direction:column;padding:22px 0 18px;position:sticky;top:0;height:100vh;border-right:6px solid var(--spruce)}.kb-brand{padding:0 22px 20px}.kb-brand .word{font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:-.02em;color:var(--paper)}.kb-brand .word em{font-style:normal;color:#6fbfa4}.kb-brand .tag{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:#f5f1e88c;margin-top:4px}.kb-nav{display:flex;flex-direction:column;gap:2px;padding:0 12px}.kb-nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;color:#f5f1e8d1;text-decoration:none;font-size:14px;font-weight:500}.kb-nav a svg{width:17px;height:17px;flex:none;opacity:.8}.kb-nav a:hover{background:#f5f1e814;color:var(--paper)}.kb-nav a.active{background:var(--spruce);color:#fff}.kb-nav .badge{margin-left:auto;background:#f5f1e829;color:var(--paper);font-family:var(--font-mono);font-size:11px;padding:1px 8px;border-radius:999px}.kb-rail-foot{margin-top:auto;padding:16px 22px 0;border-top:1px solid rgba(245,241,232,.12)}.kb-rail-foot .shop{font-family:var(--font-mono);font-size:10px;color:#f5f1e880;word-break:break-all}.kb-plan-chip{display:inline-block;margin-top:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#6fbfa4;border:1px solid rgba(111,191,164,.5);border-radius:6px;padding:3px 9px}.kb-desk{flex:1;min-width:0;padding:34px 40px 80px;max-width:1140px}.kb-eyebrow{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)}.kb-h1{font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:-.02em;margin:6px 0 8px}.kb-lede{color:var(--ink-soft);font-size:14.5px;max-width:560px;margin:0}.kb-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px;flex-wrap:wrap}.kb-sheet{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.kb-sheet:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,var(--spruce) 0 26px,transparent 26px 34px);opacity:.85}.kb-sheet-pad{padding:22px 24px}.kb-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:22px}.kb-stat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.kb-stat .num{font-family:var(--font-display);font-weight:800;font-size:26px}.kb-stat .num small{font-size:14px;color:var(--ink-faint);font-weight:600}.kb-stat .lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-top:2px}.kb-rows{display:flex;flex-direction:column}.kb-row{display:flex;align-items:center;gap:16px;padding:15px 22px;border-top:1px dashed var(--line);text-decoration:none;color:inherit}.kb-row:first-child{border-top:0}.kb-row:hover{background:var(--kraft)}.kb-row .title{font-weight:600;font-size:15px}.kb-row .meta{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-faint)}.kb-row .right{margin-left:auto;display:flex;align-items:center;gap:14px}.kb-stamp{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:7px;border:1.5px solid;transform:rotate(-1deg);display:inline-block}.kb-stamp.live{color:var(--spruce);border-color:var(--spruce);background:var(--spruce-tint)}.kb-stamp.draft{color:var(--amber);border-color:var(--amber);background:var(--amber-tint)}.kb-stamp.demo{color:#4c4534;border-color:#b3a884;background:#f1ead6}.kb-stamp.archived{color:var(--ink-faint);border-color:var(--line);background:var(--kraft)}.kb-btn{font-family:var(--font-text);font-weight:600;font-size:14px;border-radius:10px;padding:10px 18px;cursor:pointer;border:1.5px solid transparent;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:transform .06s ease}.kb-btn:active{transform:translateY(1px)}.kb-btn-primary{background:var(--spruce);color:#fff;box-shadow:0 6px 16px #0f5c4647}.kb-btn-primary:hover{background:var(--spruce-deep)}.kb-btn-primary:disabled{opacity:.55;cursor:default;box-shadow:none}.kb-btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.kb-btn-ghost:hover{border-color:var(--ink-soft)}.kb-btn-danger{background:transparent;color:var(--alert);border-color:#b4231866}.kb-btn-sm{padding:7px 13px;font-size:13px}.kb-note{border-radius:10px;padding:12px 16px;font-size:14px;margin:14px 0;border:1.5px solid}.kb-note.good{background:var(--spruce-tint);border-color:#0f5c4659;color:var(--spruce-deep)}.kb-note.bad{background:#fbeae8;border-color:#b4231859;color:#7a1710}.kb-note.info{background:var(--amber-tint);border-color:#96650f4d;color:#6b4a0e}.kb-note.sample{background:#f1ead6;border-color:#b3a884;color:#4c4534}.kb-note a{color:inherit;font-weight:600}.kb-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.kb-field label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}.kb-field input[type=text],.kb-field input[type=number],.kb-field select,.kb-field textarea{font:inherit;font-size:14.5px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);width:100%}.kb-field input:focus,.kb-field select:focus,.kb-field textarea:focus{outline:2px solid var(--spruce);outline-offset:0;border-color:var(--spruce)}.kb-inline{display:flex;gap:14px;flex-wrap:wrap}.kb-inline .kb-field{flex:1;min-width:140px}.kb-templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.kb-template{background:var(--paper);border:1.5px dashed var(--line);border-radius:var(--radius);padding:18px;cursor:pointer;text-align:left;font:inherit}.kb-template:hover{border-color:var(--spruce);border-style:solid}.kb-template .t-name{font-family:var(--font-display);font-weight:700;font-size:15.5px}.kb-template .t-desc{font-size:13px;color:var(--ink-soft);margin-top:4px}.kb-slot-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px;margin-bottom:14px}.kb-slot-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.kb-comp-rows{margin-top:12px;display:flex;flex-direction:column;gap:8px}.kb-comp{display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--kraft-deep);border-radius:10px;background:var(--kraft)}.kb-comp img{width:36px;height:36px;border-radius:7px;object-fit:cover;background:#fff;flex:none}.kb-comp .c-title{font-size:13.5px;font-weight:500}.kb-comp .c-price{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);margin-left:auto}.kb-comp input[type=number]{width:64px;padding:6px 8px;border:1.5px solid var(--line);border-radius:8px;font-family:var(--font-mono);font-size:13px}.kb-picker{border:1.5px solid var(--line);border-radius:12px;background:#fff;max-height:300px;overflow:auto}.kb-picker-row{display:flex;align-items:center;gap:10px;padding:8px 12px;width:100%;border:0;background:none;font:inherit;text-align:left;cursor:pointer;border-top:1px solid var(--kraft-deep)}.kb-picker-row:first-child{border-top:0}.kb-picker-row:hover{background:var(--spruce-tint)}.kb-picker-row img{width:32px;height:32px;border-radius:6px;object-fit:cover;background:var(--kraft)}.kb-picker-row .p-price{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--ink-faint)}.kb-avail{display:flex;align-items:baseline;gap:10px}.kb-avail .big{font-family:var(--font-display);font-weight:800;font-size:34px}.kb-avail .big.zero{color:var(--alert)}.kb-limiting{font-size:13px;color:var(--ink-soft)}.kb-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:18px}.kb-plan{padding:22px}.kb-plan .current-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--spruce);margin-bottom:6px}.kb-plan.current{outline:2px solid var(--spruce)}.kb-plan .name{font-family:var(--font-display);font-weight:700;font-size:18px}.kb-plan .price{font-family:var(--font-display);font-weight:800;font-size:30px;margin:6px 0 12px}.kb-plan .price small{font-size:14px;color:var(--ink-faint);font-weight:600}.kb-plan ul{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13.5px}.kb-plan li:before{content:"✓ ";color:var(--spruce);font-weight:700}.kb-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.kb-gate-card{max-width:460px;width:100%}@media(max-width:900px){.kb-frame{flex-direction:column}.kb-rail{width:100%;height:auto;position:static;flex-direction:row;align-items:center;padding:12px 16px;border-right:0;border-bottom:5px solid var(--spruce)}.kb-brand{padding:0 12px 0 0}.kb-brand .tag{display:none}.kb-nav{flex-direction:row;overflow-x:auto;padding:0}.kb-rail-foot{display:none}.kb-desk{padding:22px 16px 60px}}.kb-setup{padding:13px 16px;border-radius:10px;margin-bottom:18px;font-size:13.5px;line-height:1.55;border:1px solid transparent}.kb-setup b{font-weight:700}.kb-setup a{text-decoration:underline;text-underline-offset:2px;font-weight:600}.kb-setup-err{background:#e05a5a1f;border-color:#e05a5a57}.kb-setup-err a{color:#ffb4b4}.kb-setup-ok{background:#34d3991a;border-color:#34d39947}
