.khl-ai{border:1px solid #dce3e7;border-radius:14px;padding:24px;margin:20px 0;background:#fff;color:#202b34;max-width:760px}.khl-ai h2{margin:0 0 10px}.khl-ai label{display:block;font-weight:600}.khl-ai input,.khl-ai select,.khl-ai textarea{width:100%;box-sizing:border-box;margin:6px 0 12px}.khl-ai-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.khl-ai-preview{height:300px;display:flex;align-items:center;justify-content:center;border:1px solid #ccd4da;border-radius:8px;margin:18px 0;background:repeating-conic-gradient(#e4e7e9 0% 25%,#fff 0% 50%) 50%/24px 24px}.khl-ai-preview [data-vector]{width:90%;height:90%;mask-repeat:no-repeat;mask-position:center;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:100% 100%;background-color:transparent}.khl-ai-preview [data-vector]:not([style*="mask-image"]){visibility:hidden}.khl-ai-captcha{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.khl-ai-captcha img{max-width:180px}.khl-ai-captcha label{flex:1;min-width:150px}.khl-ai button:disabled{opacity:.6;cursor:wait}.khl-ai [data-price]{font-size:1.2rem;font-weight:700;padding:14px;background:#f0f6f7;border-radius:8px}.khl-ai-note{font-size:.85rem;color:#54626a;margin-top:16px}.khl-ai [data-status]{min-height:1.5em}.khl-ai-tiers{overflow:auto;max-width:760px;margin:20px 0}.khl-ai-tiers table{width:100%;border-collapse:collapse}.khl-ai-tiers caption{text-align:left;font-weight:700;margin-bottom:10px}.khl-ai-tiers th,.khl-ai-tiers td{padding:10px;border-bottom:1px solid #dce3e7;text-align:left}.khl-ai-tiers th{background:#f0f6f7}@media(max-width:600px){.khl-ai{padding:16px}.khl-ai-options{grid-template-columns:1fr}.khl-ai-preview{height:240px}}
/* 1.1: physical dimensions share one px/cm scale on all viewport sizes. */
.khl-ai-cart{display:block!important;max-width:760px}.khl-ai-cart .quantity{display:inline-block;margin:0 12px 10px 0}.khl-ai-cart+.cart:not(.khl-ai-cart){display:none!important}.khl-ai-tools{display:flex;flex-wrap:wrap;gap:20px;margin:15px 0}.khl-ai-tools input{width:auto;margin:0 4px}.khl-ai-preview{display:block;height:auto;background:none;border:0}.khl-ai-stage{height:360px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #bac6ce;background:#f7f9fa;border-radius:8px;padding:0;box-sizing:border-box}.khl-ai-stage.khl-ai-dark{background:#7e8991}.khl-ai [data-box]{position:relative;flex:none;border:1px dashed #71828d;box-sizing:content-box}.khl-ai-preview [data-vector]{position:absolute;inset:0;width:100%!important;height:100%!important;mask-size:100% 100%;-webkit-mask-size:100% 100%;transform-origin:center}.khl-ai-preview [data-vector][data-ready="1"]{visibility:visible}.khl-ai [data-ruler]{position:absolute;font-size:10px;color:#253742;pointer-events:none;line-height:1}.khl-ai [data-ruler="x"]{top:-25px;left:0;right:0;height:20px;border-bottom:1px solid}.khl-ai [data-ruler="y"]{left:-30px;top:0;bottom:0;width:25px;border-right:1px solid}.khl-ai [data-ruler] span{position:absolute;white-space:nowrap}.khl-ai [data-ruler="x"] span{border-left:1px solid;padding-left:2px;height:16px;bottom:0}.khl-ai [data-ruler="y"] span{border-top:1px solid;padding-top:2px;width:22px;right:0}.khl-ai [data-ruler="x"] b{position:absolute;right:0;bottom:24px;white-space:nowrap}.khl-ai [data-ruler="y"] b{position:absolute;left:calc(100% + 8px);bottom:0;white-space:nowrap;transform:translateX(0) translateY(22px);font-size:10px}.khl-ai-colors{margin:15px 0;padding:0;border:0}.khl-ai-colors legend{font-weight:bold}.khl-ai [data-swatches]{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.khl-ai .khl-ai-swatch{width:30px;height:30px;min-height:0;min-width:0;padding:0;border:1px solid #888;border-radius:4px;margin:0;box-shadow:0 1px 3px #0002}.khl-ai .khl-ai-swatch[aria-pressed="true"]{outline:3px solid #1e6a90;outline-offset:2px}.khl-ai .khl-ai-swatch:focus-visible{outline:3px solid #000;outline-offset:2px}@media(max-width:600px){.khl-ai-stage{height:290px}.khl-ai-options{grid-template-columns:1fr 1fr}.khl-ai-options label:last-child{grid-column:1/-1}}

.khl-ai [data-size-error]:not([hidden]){padding:12px;border:1px solid #b32d2e;background:#fff2f2;color:#8a2020;border-radius:6px;font-weight:600}
/* Sample, generation feedback and result reveal stay inside the existing preview. */
.khl-ai-stage{isolation:isolate;overflow:hidden}
.khl-ai-example{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:18px;background:radial-gradient(ellipse at 50% 45%,#fffdf6 0%,#f2f4ed 65%,#e8eee8 100%);color:#354c46;text-align:center;z-index:2;transition:opacity .45s ease,transform .55s ease;pointer-events:none;box-sizing:border-box}
.khl-ai-example img{width:auto;height:190px;max-height:55%;object-fit:contain;filter:drop-shadow(0 7px 9px #354c4612)}
.khl-ai-example-badge{text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:700;border:1px solid #354c4630;border-radius:20px;padding:5px 12px}
.khl-ai-example p{font-size:18px;font-weight:600;margin:2px 0!important;line-height:1.35}
.khl-ai-example>span:last-child{font-size:12px;line-height:1.5;max-width:260px}
.khl-ai-loading{position:absolute;inset:0;z-index:3;display:none;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:28px;box-sizing:border-box;text-align:center;background:#f8faf7e8;color:#29453d;backdrop-filter:blur(5px)}
.khl-ai-loading strong{font-size:17px;line-height:1.5;max-width:340px}
.khl-ai-loading>span:last-child{font-size:12px;color:#536760}
.khl-ai-spinner{width:42px;height:42px;box-sizing:border-box;border:3px solid #d5e1d9;border-top-color:#376a55;border-radius:50%;animation:khl-ai-spin .85s linear infinite}
.khl-ai-stage[data-preview-state="idle"] [data-box]{visibility:hidden}
.khl-ai-stage[data-preview-state="loading"] .khl-ai-loading{display:flex}
.khl-ai-stage[data-preview-state="loading"] .khl-ai-example{opacity:.18;transform:scale(.96)}
.khl-ai-stage[data-preview-state="loading"] [data-box]{opacity:.18}
.khl-ai-stage[data-preview-state="ready"] .khl-ai-example{opacity:0;visibility:hidden;transform:scale(1.04);transition:opacity .45s ease,transform .55s ease,visibility 0s .55s}
.khl-ai-reveal [data-box]{animation:khl-ai-reveal .65s ease both}
@keyframes khl-ai-spin{to{transform:rotate(360deg)}}
@keyframes khl-ai-reveal{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:600px){.khl-ai-example img{height:145px}.khl-ai-example p{font-size:16px}.khl-ai-loading strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.khl-ai-example,.khl-ai-stage[data-preview-state="ready"] .khl-ai-example{transition:none;transform:none}.khl-ai-spinner,.khl-ai-reveal [data-box]{animation:none}}
/* Keep the complete configurator, action row and tier table centered as one unit. */
.khl-ai-configurator{display:block;clear:both;float:none;width:100%;max-width:760px;min-width:0;margin:20px auto;box-sizing:border-box;text-align:left}
.khl-ai-configurator form.khl-ai-cart{float:none!important;width:100%!important;max-width:100%!important;margin:0 auto!important;box-sizing:border-box;text-align:center}
.khl-ai-configurator .khl-ai{width:100%;max-width:100%;box-sizing:border-box;margin:0 0 18px;text-align:left}
.khl-ai-configurator .khl-ai-tiers{width:100%;max-width:100%;margin:24px auto;box-sizing:border-box;text-align:left}
.khl-ai-edit-notice{padding:12px 16px;background:#edf5f2;border-left:3px solid #376a55;text-align:left}
.khl-ai-cancel{display:inline-block;margin:8px 12px}