.ileri-kc{--ink:#102838;--muted:#60717d;--orange:#ee6d27;--line:#dfe5e9;font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);max-width:1550px;margin:auto;padding:40px 24px 56px}.ileri-kc *{box-sizing:border-box}.ileri-kc [hidden]{display:none!important}.ileri-kc h1,.ileri-kc h2,.ileri-kc p{margin:0}.ileri-kc button,.ileri-kc input,.ileri-kc select{font:inherit}.ileri-kc button{cursor:pointer}.ileri-kc button:focus-visible,.ileri-kc input:focus-visible,.ileri-kc select:focus-visible{outline:3px solid #ee6d2780;outline-offset:3px}.kc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px}.kc-kicker{font-size:11px;letter-spacing:1.8px;font-weight:800;color:var(--muted)}.ileri-kc h1{font-size:clamp(30px,3.3vw,48px);line-height:1.12;letter-spacing:-1.8px;margin:12px 0 16px;font-weight:750}.kc-head p{color:var(--muted)}.kc-step{text-align:right;font-size:28px;color:var(--orange);font-weight:700}.kc-step small{font-size:10px;letter-spacing:1px;color:var(--muted)}.kc-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}.kc-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.ileri-kc fieldset{padding:0 0 24px;margin:0 0 22px;border:0;border-bottom:1px solid var(--line);min-width:0}.ileri-kc legend{float:none;width:100%;font-size:12px;font-weight:800;color:var(--orange);margin-bottom:16px;padding:0}.ileri-kc legend span{font-size:16px;color:var(--ink);margin-left:12px}.kc-types{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.kc-types button{background:#f5f7f8;border:1px solid var(--line);border-radius:9px;padding:12px 2px;color:var(--ink);font-weight:750}.kc-types small{display:block;font-size:10px;font-weight:400;margin-top:4px}.kc-types button.active{background:var(--ink);border-color:var(--ink);color:white}.kc-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px}.kc-panel label,.kc-label{display:block;font-size:12px;font-weight:600}.kc-panel input[type=number],.kc-panel select{display:block;background:#f7f9fa;border:1px solid #d5dfe4;border-radius:7px;width:100%;min-width:0;padding:10px;margin-top:7px;color:var(--ink);font-size:14px}.kc-panel input:read-only{background:#e9eef1;color:#72818b}.kc-help{font-size:11px!important;color:var(--muted);margin:12px 0 18px!important}.kc-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.kc-colors button{background:#fff;border:1px solid var(--line);border-radius:7px;padding:8px 2px;font-size:10px;color:var(--ink)}.kc-colors button:before{content:'';display:block;background:var(--sw);width:20px;height:20px;border-radius:50%;margin:0 auto 5px;border:1px solid #0002}.kc-colors .active{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}.kc-checks{display:grid;gap:10px;margin-top:18px}.kc-checks label{display:flex;gap:9px;align-items:center;font-size:13px}.kc-checks input{accent-color:var(--orange);width:16px;height:16px}.kc-quote{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:var(--orange);color:#fff;border-radius:8px;padding:14px 16px;font-weight:750}.kc-quote:hover{background:#d85c18}.kc-small{font-size:10px!important;color:var(--muted);margin-top:10px!important}.kc-error{color:#a52222;background:#fff1ef;padding:10px;font-size:12px;margin-bottom:12px!important}.kc-preview{position:sticky;top:24px;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.kc-preview-head{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ileri-kc h2{font-size:21px;margin-top:4px;line-height:1.3}.kc-preview-head button{border:1px solid var(--line);background:white;color:var(--ink);padding:9px 12px;border-radius:7px;font-size:12px}.kc-photo{position:relative;background:#e9edf0;aspect-ratio:3/2}.kc-photo canvas{width:100%;height:100%;display:block;object-fit:contain}.kc-loading{position:absolute;top:45%;left:0;right:0;text-align:center;background:#fff9}.kc-tag{position:absolute;right:12px;top:12px;border-radius:5px;background:#fffE;color:var(--ink);font-size:9px;padding:6px 9px;letter-spacing:1px}.kc-specs{display:grid;grid-template-columns:repeat(3,1fr);padding:22px 24px;gap:18px;border-bottom:1px solid var(--line)}.kc-specs span{display:block;font-size:10px;color:var(--muted)}.kc-specs strong{display:block;font-size:14px;margin-top:4px}.kc-description{font-size:13px;padding:18px 24px 0}.kc-note{font-size:11px!important;color:var(--muted);padding:10px 24px 22px}.ileri-kc button:disabled{opacity:.5;cursor:wait}@media(max-width:1050px){.kc-layout{grid-template-columns:300px minmax(0,1fr)}.kc-panel{padding:18px}.kc-specs{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.ileri-kc{padding:24px 14px}.kc-head{margin-bottom:24px}.kc-step{display:none}.kc-layout{display:flex;flex-direction:column}.kc-panel,.kc-preview{width:100%;position:static}.kc-preview{order:-1}.kc-preview-head{padding:16px}.kc-preview-head button{font-size:10px;padding:7px}.kc-specs{grid-template-columns:repeat(3,1fr);padding:16px;gap:12px}.kc-specs strong{font-size:12px}.kc-description{padding:14px 16px 0}.kc-note{padding:10px 16px 16px}.kc-fields{gap:14px}.kc-types button{padding:14px}.kc-colors button{font-size:12px}.kc-checks{grid-template-columns:1fr 1fr}}

/* Adapt to the content column, not only the browser window. */
.ileri-kc{min-width:0;container-type:inline-size}.ileri-kc .kc-layout{min-width:0}.ileri-kc .kc-preview,.ileri-kc .kc-panel{min-width:0}.ileri-kc .kc-photo canvas{max-width:100%;width:100%;height:auto;aspect-ratio:3/2}.ileri-kc.kc-compact{padding:20px 0}.ileri-kc.kc-compact .kc-layout{display:flex;flex-direction:column;gap:20px}.ileri-kc.kc-compact .kc-preview{order:-1;width:100%;position:static}.ileri-kc.kc-compact .kc-panel{width:100%}.ileri-kc.kc-compact .kc-step{display:none}.ileri-kc.kc-compact h1{font-size:32px;letter-spacing:-1px}.ileri-kc.kc-compact .kc-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ileri-kc.kc-compact .kc-head{display:block}.ileri-kc.kc-compact .kc-preview-head{padding:16px}.ileri-kc.kc-compact .kc-tag{top:auto;bottom:12px}.ileri-kc .kc-head p,.ileri-kc .kc-help,.ileri-kc .kc-small,.ileri-kc .kc-note{line-height:1.55}
@container(max-width:650px){.kc-layout{display:flex;flex-direction:column}.kc-preview{order:-1;position:static;width:100%}.kc-panel{width:100%}.kc-step{display:none}.kc-specs{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* v0.3.2: full-width workspace; settings left, preview right. */
body.ileri-kc-page .wide-page-section{padding-top:18px;padding-bottom:24px}
body.ileri-kc-page .three-column-layout{display:block!important;max-width:1720px!important;width:calc(100% - 40px)!important;margin-inline:auto!important}
body.ileri-kc-page .three-column-layout>.product-sidebar,body.ileri-kc-page .three-column-layout>.right-sidebar{display:none!important}
body.ileri-kc-page main.article-content{width:100%!important;max-width:none!important;min-width:0;padding:0!important;background:transparent;box-shadow:none;border:0;overflow:visible}
body.ileri-kc-page main.article-content>.content-breadcrumbs,body.ileri-kc-page main.article-content>.article-toolbar,body.ileri-kc-page main.article-content>.toc-box,body.ileri-kc-page main.article-content>.inline-cta{display:none!important}
body.ileri-kc-page .ileri-kc{max-width:none;width:100%;padding:0!important;margin:0}
.ileri-kc .kc-head{margin-bottom:16px;align-items:center;gap:20px}
.ileri-kc .kc-head h1{font-size:26px;line-height:1.15;letter-spacing:-.8px;margin:5px 0}
.ileri-kc .kc-head h1 br{display:none}
.ileri-kc .kc-head p{font-size:12px;line-height:1.4}
.ileri-kc .kc-step{display:none}
@media(min-width:761px){
 .ileri-kc .kc-layout,.ileri-kc.kc-compact .kc-layout{display:grid!important;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:stretch;height:calc(100dvh - 275px);min-height:420px}
 .ileri-kc .kc-panel,.ileri-kc.kc-compact .kc-panel{width:auto;height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;padding:18px;order:0;border-radius:12px}
 .ileri-kc .kc-preview,.ileri-kc.kc-compact .kc-preview{width:auto;position:static;order:0;min-height:0;height:100%;display:flex;flex-direction:column;border-radius:12px}
 .ileri-kc .kc-preview-head{flex:0 0 auto;padding:12px 18px;min-height:55px}
 .ileri-kc .kc-preview-head h2{font-size:18px;margin-top:2px}
 .ileri-kc .kc-photo{flex:1 1 auto;min-height:0;aspect-ratio:auto;overflow:hidden;background:#e9edf0}
 .ileri-kc .kc-photo canvas{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;aspect-ratio:auto;object-fit:contain}
 .ileri-kc .kc-specs,.ileri-kc.kc-compact .kc-specs{flex:0 0 auto;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:12px 18px}
 .ileri-kc .kc-specs strong{font-size:12px;line-height:1.3}
 .ileri-kc .kc-description{flex:0 0 auto;font-size:11px;line-height:1.4;padding:10px 18px 0}
 .ileri-kc .kc-note{flex:0 0 auto;padding:5px 18px 12px;font-size:10px!important;line-height:1.4}
 .ileri-kc fieldset{padding-bottom:16px;margin-bottom:16px}
 .ileri-kc legend{margin-bottom:10px}
 .ileri-kc legend span{font-size:14px}
 .ileri-kc .kc-help{margin:8px 0 12px!important}
 .ileri-kc .kc-checks{gap:8px;margin-top:12px}
 .ileri-kc .kc-fields{gap:10px}
 .ileri-kc .kc-panel input[type=number],.ileri-kc .kc-panel select{padding:8px;margin-top:4px}
 .ileri-kc .kc-tag,.ileri-kc.kc-compact .kc-tag{top:10px;bottom:auto;font-size:8px}
}
@media(min-width:761px) and (max-width:1100px){.ileri-kc .kc-layout,.ileri-kc.kc-compact .kc-layout{grid-template-columns:290px minmax(0,1fr);gap:12px}.ileri-kc .kc-specs,.ileri-kc.kc-compact .kc-specs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body.ileri-kc-page .three-column-layout{width:calc(100% - 24px)!important}.ileri-kc .kc-head h1{font-size:23px}.ileri-kc .kc-photo{min-height:0}.ileri-kc .kc-layout{height:auto}.ileri-kc .kc-preview{order:-1}.ileri-kc .kc-panel{max-height:none}}