.kl-wrap{--kl-ink:#18283c;--kl-muted:#667487;--kl-line:#e5e9ef;--kl-accent:#b5223b;--kl-soft:#fafbfc;max-width:1180px;margin:36px auto 64px;padding:0 20px;color:var(--kl-ink);font-family:inherit;line-height:1.5}
.kl-wrap *{box-sizing:border-box}.kl-hero{padding:10px 0 24px}.kl-eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;color:var(--kl-accent);margin-bottom:8px}.kl-hero h1{font-size:clamp(32px,4vw,48px);line-height:1.12;margin:0 0 12px;color:var(--kl-ink)}.kl-hero p{max-width:720px;color:var(--kl-muted);font-size:16px;margin:0}
.kl-panel{background:#fff;border:1px solid var(--kl-line);border-radius:18px;padding:26px;margin:0 0 20px;box-shadow:0 8px 28px rgba(20,40,63,.045)}.kl-section-heading,.kl-result-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.kl-section-heading>div,.kl-result-head>div{display:flex;align-items:center;gap:12px}.kl-section-heading h2,.kl-result-head h2{font-size:22px;line-height:1.2;margin:0;color:var(--kl-ink)}.kl-step{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:#f8e9ec;color:var(--kl-accent);font-size:12px;font-weight:800}.kl-caption{color:var(--kl-muted);font-size:13px}
.kl-settings-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.kl-field{display:block;color:#4e5b6b;font-size:13px;font-weight:650}.kl-field>span:first-child{display:block;min-height:39px;margin-bottom:7px}.kl-field input,.kl-field select,.kl-items-table input{width:100%;min-height:44px;border:1px solid #d8dee7;border-radius:9px;background:#fff;padding:9px 11px;color:var(--kl-ink);font:inherit;outline:none}.kl-field input:focus,.kl-field select:focus,.kl-items-table input:focus{border-color:#9b5363;box-shadow:0 0 0 3px rgba(181,34,59,.1)}.kl-input-suffix{display:flex;align-items:center;border:1px solid #d8dee7;border-radius:9px;overflow:hidden;background:#fff}.kl-input-suffix input{border:0;box-shadow:none!important;min-width:0}.kl-input-suffix b{padding:0 10px;color:var(--kl-muted);white-space:nowrap;font-size:12px}.kl-note{font-size:12px;color:var(--kl-muted);margin:14px 0 0}
.kl-button{appearance:none;border:0;border-radius:9px;padding:11px 16px;min-height:43px;font:inherit;font-size:14px;font-weight:750;cursor:pointer;transition:transform .12s,background .12s}.kl-button:hover{transform:translateY(-1px)}.kl-button-secondary{background:#f3f5f8;color:#233449;border:1px solid #e3e7ed}.kl-button-secondary:hover{background:#e9edf2}.kl-button-print{background:var(--kl-accent);color:#fff}.kl-button-print:hover{background:#94182e}.kl-table-scroll{overflow-x:auto}.kl-items-table{width:100%;border-collapse:separate;border-spacing:0 8px;min-width:760px}.kl-items-table th{text-align:left;padding:0 9px 4px;color:var(--kl-muted);font-size:12px;font-weight:700}.kl-items-table td{padding:0 5px}.kl-items-table input{min-height:42px}.kl-items-table .kl-name{min-width:160px}.kl-items-table .kl-dim{min-width:90px}.kl-items-table .kl-qty{min-width:80px}.kl-rotate-cell{text-align:center}.kl-rotate-cell input{width:18px;height:18px;min-height:18px;accent-color:var(--kl-accent)}.kl-remove{border:0;background:transparent;color:#9b4556;font-size:20px;cursor:pointer;padding:6px 10px}.kl-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.kl-error{padding:12px 15px;border-radius:9px;background:#fff0f1;color:#9b1c32;font-size:14px;margin:16px 0 0}
.kl-results[hidden]{display:none}.kl-results{margin-top:28px}.kl-result-head{padding:0 4px;margin-bottom:16px}.kl-result-length{font-size:21px;font-weight:800;color:var(--kl-accent);background:#f8e9ec;border-radius:11px;padding:9px 14px}.kl-result-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:20px}.kl-preview-panel{margin:0}.kl-preview-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.kl-preview-title h3,.kl-summary-panel h3{font-size:18px;margin:0 0 12px}.kl-preview-title h3{margin:0}.kl-preview-title span{font-size:12px;color:var(--kl-muted)}.kl-preview-scroll{max-height:620px;overflow:auto;border:1px solid var(--kl-line);border-radius:11px;background:#f3f5f8;padding:12px;text-align:center}.kl-preview-scroll canvas{display:block;margin:0 auto;width:100%!important;height:auto!important;max-width:100%;background:#fff;box-shadow:0 2px 9px rgba(20,40,63,.1)}.kl-legend{display:flex;gap:18px;flex-wrap:wrap;color:var(--kl-muted);font-size:12px;margin-top:12px}.kl-legend span{display:flex;align-items:center;gap:7px}.kl-dot{width:11px;height:11px;border-radius:3px;display:inline-block}.kl-dot-piece{background:#527bd6}.kl-dot-waste{border:1px solid #aeb7c4;background:#fff}.kl-summary-panel{margin:0}.kl-metrics{margin:0}.kl-metrics>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #edf0f4}.kl-metrics dt{font-size:13px;color:var(--kl-muted)}.kl-metrics dd{font-size:14px;font-weight:700;margin:0;text-align:right}.kl-grand-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 4px;margin-top:6px}.kl-grand-total span{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--kl-muted)}.kl-grand-total strong{font-size:27px;color:var(--kl-accent)}.kl-empty{text-align:center;color:var(--kl-muted);border:1px dashed #cbd3de;border-radius:14px;padding:18px;margin-top:4px}
@media(max-width:920px){.kl-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kl-result-grid{grid-template-columns:1fr}}
@media(max-width:600px){.kl-wrap{padding:0 12px;margin-top:22px}.kl-panel{padding:18px 14px;border-radius:14px}.kl-section-heading{align-items:flex-start;flex-wrap:wrap}.kl-section-heading h2,.kl-result-head h2{font-size:19px}.kl-settings-grid{grid-template-columns:1fr 1fr;gap:12px}.kl-field:first-child{grid-column:span 2}.kl-actions{align-items:stretch;flex-direction:column}.kl-actions .kl-button{width:100%}.kl-result-length{font-size:16px;padding:8px 10px}.kl-table-scroll{margin-right:-8px}}
@media print{body *{visibility:hidden!important}.kl-wrap,.kl-wrap *{visibility:visible!important}.kl-wrap{position:absolute;left:0;top:0;width:100%;max-width:none;margin:0;padding:0}.kl-hero{padding-bottom:10px}.kl-hero h1{font-size:26px}.kl-panel{box-shadow:none;break-inside:avoid;padding:14px;margin-bottom:10px}.kl-settings,.kl-items-table,.kl-actions,.kl-empty,.kl-error{display:none!important}.kl-results{display:block!important}.kl-result-grid{grid-template-columns:1fr 1fr}.kl-preview-scroll{max-height:none;overflow:visible}.kl-preview-scroll canvas{max-height:650px;max-width:100%}.kl-result-length{font-size:16px}.kl-metrics>div{padding:6px 0}}