.page-wrapper{max-width:1160px}.page-hero .lead{max-width:80ch}.kw-layout{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.kw-layout>.tool-card{margin-bottom:0}@media (width>=900px){.page-hero{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:18px;margin-bottom:14px;padding:10px 0 14px;display:grid}.page-hero-top{grid-area:1/1/span 2;margin:0}.page-hero-label{display:none}.page-hero h1{grid-column:2;margin:0 0 2px;font-size:1.75rem}.page-hero .lead{grid-column:2;margin:0;font-size:.95rem;line-height:1.55}.page-hero .badge-group{flex-direction:column;grid-area:1/3/span 2;align-items:flex-end;gap:6px}.kw-layout{grid-template-columns:minmax(0,1fr) minmax(360px,440px);align-items:start;gap:24px;display:grid}.kw-side{top:calc(var(--header-h) + 12px);position:sticky}.kw-preview{max-height:calc(100svh - var(--header-h) - 250px);min-height:220px;overflow-y:auto}}.kw-card{padding-top:16px}.kw-card .tabs{margin-bottom:8px}.kw-card .field{margin-bottom:10px}.kw-card .field-label{margin-bottom:4px}.kw-card .input,.kw-card .select,.kw-card .textarea{padding-top:9px;padding-bottom:9px;font-size:.95rem}.kw-card .textarea{min-height:0}.kw-card .field-row{gap:10px}@media (width>=380px){.kw-card .field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.kw-card .field-hint{margin-top:2px}.kw-section{border-top:1px solid var(--card-border);padding:0 0 8px}.kw-section>summary{color:var(--fg);cursor:pointer;align-items:center;gap:10px;padding:10px 0;font-weight:800;list-style:none;display:flex}.kw-section>summary::-webkit-details-marker{display:none}.kw-section>summary:after{content:"";border-right:2px solid var(--fg-subtle);border-bottom:2px solid var(--fg-subtle);width:8px;height:8px;transition:transform .2s var(--ease);flex:none;margin-left:auto;transform:rotate(45deg)}.kw-section[open]>summary:after{transform:rotate(-135deg)}.kw-sum-note{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-subtle);font-size:.85rem;font-weight:500;overflow:hidden}.kw-section[open] .kw-sum-note{display:none}.kw-step{background:var(--accent-gradient);width:24px;height:24px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;font-size:.78rem;display:inline-grid}.kw-items{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.kw-item{border:1px solid var(--card-border);border-radius:var(--r-md);background:rgb(var(--ink) / .02);grid-template-columns:58px 1fr auto 28px;grid-template-areas:"desc desc desc del""qty price sum sum";align-items:center;gap:6px;padding:8px;display:grid}.kw-item-desc{grid-area:desc}.kw-item-qty{text-align:right;grid-area:qty}.kw-item-price{grid-area:price}.kw-item-sum{color:var(--fg);font-variant-numeric:tabular-nums;text-align:right;grid-area:sum;min-width:76px;font-weight:700}.kw-item-del{background:rgb(var(--ink) / .06);width:28px;height:28px;color:var(--fg-muted);cursor:pointer;border:none;border-radius:50%;grid-area:del;font-size:1.1rem}.kw-item-del:hover{color:var(--bad)}.kw-disc{grid-template-columns:1fr 72px;gap:6px;display:grid}.kw-image{flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 6px;display:flex}.kw-image .field-label{min-width:88px;margin:0}.kw-image img{border:1px solid var(--card-border);background:#fff;border-radius:8px;max-width:96px;max-height:44px;padding:3px}.kw-image label.btn{cursor:pointer}.kw-sig-mode{margin-bottom:8px}.kw-sig-mode .chip{padding:6px 12px;font-size:.8rem}.kw-pad{border:1.5px dashed var(--card-border);border-radius:var(--r-md);background:#fff;margin-bottom:8px;position:relative;overflow:hidden}.kw-pad canvas{cursor:crosshair;width:100%;height:140px;display:block}.kw-pad-hint{color:#94a3b8;pointer-events:none;place-items:center;font-size:.9rem;display:grid;position:absolute;inset:0 0 38px}.kw-pad-saved{pointer-events:none;max-width:70%;max-height:110px;position:absolute;top:70px;left:50%;transform:translate(-50%,-50%)}.kw-pad-tools{background:#f8fafc;border-top:1px solid #e2e8f0;align-items:center;gap:14px;padding:5px 12px;display:flex}.kw-pad-tools .btn-link{color:#334155}.kw-inks{gap:8px;margin-right:auto;display:flex}.kw-ink{background:var(--ink-c);cursor:pointer;border:2px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 1.5px #cbd5e1}.kw-ink[aria-pressed=true]{box-shadow:0 0 0 2.5px #38bdf8}.kw-extras{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:4px;display:flex}.kw-swatches{align-items:center;gap:10px;display:flex}.kw-swatches .field-label{margin:0 2px 0 0}.kw-swatch{background:var(--sw);width:24px;height:24px;box-shadow:0 0 0 1.5px var(--card-border);cursor:pointer;transition:transform .15s var(--ease);border:none;border-radius:50%}.kw-swatch:hover{transform:scale(1.1)}.kw-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg-elev), 0 0 0 4px var(--accent)}.kw-side-card{padding-top:16px}.kw-summary{margin-bottom:12px}.kw-summary-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.kw-summary .result-eyebrow{margin:0}.kw-total{color:var(--fg);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.4rem,5vw,1.8rem);font-weight:800}.kw-words{color:var(--fg-muted);margin:2px 0 0;font-size:.85rem;font-style:italic}.kw-breakdown{margin-top:4px}.kw-breakdown .kv-row{padding:6px 0;font-size:.85rem}.kw-preview{border-radius:var(--r-md);background:rgb(var(--ink) / .06);flex-direction:column;gap:10px;margin-bottom:12px;padding:10px;display:flex}.kw-preview-wrap{position:relative}.kw-preview{cursor:zoom-in}.kw-zoom-open{color:#fff;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ac7;border:none;border-radius:100px;align-items:center;gap:6px;padding:6px 12px 6px 9px;font-size:.78rem;font-weight:700;display:inline-flex;position:absolute;bottom:18px;right:18px}.kw-zoom-open svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:16px;height:16px}.kw-zoom-open:hover{background:#0f172aeb}.kw-zoom{background:var(--bg-elev);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--fg);border:none;margin:0;padding:0}.kw-zoom[open]{flex-direction:column;display:flex}.kw-zoom::backdrop{background:#03060ebf}.kw-zoom-bar{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.kw-zoom-tools{align-items:center;gap:8px;display:flex}.kw-zoom-btn{border:1px solid var(--card-border);background:rgb(var(--ink) / .05);width:36px;height:36px;color:var(--fg);cursor:pointer;border-radius:50%;font-size:1.2rem;line-height:1}.kw-zoom-btn:disabled{opacity:.4;cursor:default}.kw-zoom-close{margin-left:8px}.kw-zoom-level{text-align:center;font-variant-numeric:tabular-nums;min-width:48px;font-size:.9rem;font-weight:700}.kw-zoom-body{--z:1;background:rgb(var(--ink) / .06);flex:1;padding:16px;overflow:auto}.kw-zoom-page{width:calc(min(100%, 900px) * var(--z));max-width:none;height:auto;box-shadow:0 6px 18px -8px rgb(var(--shade) / calc(.6 * var(--shade-a)));border-radius:4px;margin:0 auto 16px;display:block}.kw-page{width:100%;height:auto;box-shadow:0 6px 18px -8px rgb(var(--shade) / calc(.6 * var(--shade-a)));border-radius:4px;display:block}.kw-preview-empty{text-align:center;color:var(--fg-subtle);margin:0;padding:40px 0;font-size:.85rem}.kw-paper{text-align:center;margin-top:8px}.kw-actions{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}#kw-print{display:none}@media print{body>:not(#kw-print){display:none!important}html,body{background:#fff!important}#kw-print{display:block}#kw-print img{break-after:page;width:100%;height:auto;display:block}#kw-print img:last-child{break-after:auto}}.kw-text-table{min-width:0}.kw-text-table th,.kw-text-table td{text-align:left;white-space:normal}
