.ksd{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ksd-stage{position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));height:calc(100svh - var(--header-h));min-height:520px;overflow:hidden;background:radial-gradient(120% 90% at 28% 12%,#FFFFFF,var(--wall) 62%)}.ksd-frame{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);transition:width .35s ease,height .35s ease,padding .35s ease;box-shadow:0 34px 60px -26px #1c20386b,0 8px 16px -8px #1c203838}.ksd-frame[data-frame=black]{background:linear-gradient(145deg,#2a2a2e,#141416)}.ksd-frame[data-frame=white]{background:linear-gradient(145deg,#fff,#e6e4df)}.ksd-frame[data-frame=oak]{background:linear-gradient(135deg,#cfa678,#a9784a 45%,#c99d6e 70%,#a57446)}.ksd-frame[data-frame=none]{padding:0!important}.ksd-frame canvas{display:block;width:100%;height:100%}.ksd-facts{position:absolute;left:24px;right:24px;bottom:18px;margin:0 auto;max-width:62ch;text-align:center;font-size:.86rem;color:var(--muted)}.ksd-facts strong{color:var(--ink);font-weight:500}.ksd-panel{background:var(--bg);border-left:1px solid var(--line);display:flex;flex-direction:column}.ksd-scroll{padding:clamp(24px,3vw,40px) clamp(20px,2.6vw,36px) 8px}.ksd-panel h1,.ksd-panel h2{font-family:var(--font-display);font-weight:500;font-size:clamp(2rem,2.6vw,2.5rem);line-height:1.05;margin:0 0 8px}.ksd-lede{margin:0 0 26px;color:var(--muted);max-width:42ch}.ksd fieldset{border:0;border-top:1px solid var(--line);margin:0;padding:20px 0 24px;min-width:0}.ksd legend{float:left;width:100%;display:flex;gap:10px;align-items:baseline;padding:0;margin-bottom:14px;font-weight:500}.ksd legend+*{clear:both}.ksd legend .n{font:italic 600 1.3rem/1 var(--font-display);color:var(--accent)}.ksd-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ksd-f{display:block;font-size:.82rem;color:var(--muted);margin-bottom:12px}.ksd-f>span{display:block;margin-bottom:6px}.ksd-in{width:100%;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-height:44px;font:inherit;color:var(--ink)}.ksd-in:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2b357624}textarea.ksd-in{resize:vertical;min-height:66px;line-height:1.4}.ksd input[type=range]{width:100%;accent-color:var(--accent);margin:0 0 16px}.ksd-hint{font-size:.8rem;color:var(--muted);margin:8px 0 10px}.ksd-search{position:relative}.ksd-results{list-style:none;margin:4px 0 0;padding:4px;position:absolute;left:0;right:0;top:100%;z-index:6;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 34px -16px #1c20384d;max-height:260px;overflow:auto}.ksd-results[hidden]{display:none}.ksd-results button{all:unset;box-sizing:border-box;display:block;width:100%;padding:9px 10px;border-radius:7px;cursor:pointer}.ksd-results button:hover,.ksd-results button:focus-visible,.ksd-results button[aria-selected=true]{background:var(--surface)}.ksd-results small{color:var(--muted)}.ksd-empty{padding:9px 10px;font-size:.85rem;color:var(--muted)}.ksd details{font-size:.86rem}.ksd summary{cursor:pointer;color:var(--accent);margin-bottom:12px}.ksd-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.ksd-opt{position:relative;cursor:pointer;display:block}.ksd-opt input{position:absolute;opacity:0;pointer-events:none}.ksd-sw{display:grid;place-items:center;aspect-ratio:3/4;border-radius:6px;border:1px solid rgba(0,0,0,.1)}.ksd-sw i{width:62%;aspect-ratio:1;border-radius:50%;display:block}.ksd-cap{display:block;text-align:center;font-size:.76rem;color:var(--muted);margin-top:6px}.ksd-opt input:checked+.ksd-sw{outline:2px solid var(--accent);outline-offset:2px}.ksd-opt input:checked~.ksd-cap{color:var(--ink);font-weight:500}.ksd-opt input:focus-visible+*{outline:2px solid var(--accent);outline-offset:3px}.ksd-toggles{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}.ksd-tg{display:flex;align-items:center;gap:10px;padding:7px 0;cursor:pointer;font-size:.9rem}.ksd-tg input{appearance:none;-webkit-appearance:none;width:34px;height:20px;border-radius:20px;background:var(--line);position:relative;flex:none;cursor:pointer;transition:background .2s;margin:0}.ksd-tg input:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 2px #00000040}.ksd-tg input:checked{background:var(--accent)}.ksd-tg input:checked:after{transform:translate(14px)}.ksd-tg input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ksd-chips{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:8px;margin-bottom:14px}.ksd-chip{display:block;border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 6px;text-align:center;font-size:.86rem;line-height:1.25;min-height:46px}.ksd-chip small{display:block;color:var(--muted);font-size:.72rem;margin-top:3px}.ksd-opt input:checked+.ksd-chip{border-color:var(--accent);background:var(--surface);box-shadow:inset 0 0 0 1px var(--accent)}.ksd-fx{display:block;font-size:1.3rem;line-height:1.1}.ksd-dot{display:inline-block;width:11px;height:11px;border-radius:50%;vertical-align:-1px;margin-right:6px;border:1px solid rgba(0,0,0,.25)}.ksd-buy{position:sticky;bottom:0;border-top:1px solid var(--line);padding:10px clamp(16px,2.6vw,36px) calc(10px + env(safe-area-inset-bottom,0px));background:#fbfbfdf0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-top:auto}.ksd-buy-row{display:flex;align-items:center;gap:14px}.ksd-price{font:500 1.35rem/1 var(--font-display);white-space:nowrap}.ksd-price small{display:block;font:400 .7rem/1.3 var(--font-body);color:var(--muted);margin-top:3px}.ksd-add{flex:1;min-height:42px;font-size:.95rem;padding:0 18px}.ksd-share{all:unset;cursor:pointer;font-size:.84rem;color:var(--accent);text-decoration:underline;text-underline-offset:3px;margin-top:2px;display:inline-block}.ksd-share:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ksd-status{margin:6px 0 0;font-size:.78rem;line-height:1.35;color:var(--muted)}.ksd-status:empty{display:none}.ksd-status.is-error{color:var(--error)}@media(max-width:900px){.ksd{display:block}.ksd-stage{top:var(--header-h);height:50vh;height:50svh;min-height:330px;z-index:3;box-shadow:0 10px 20px -16px #1c203880}.ksd-facts{font-size:.74rem;bottom:8px;left:12px;right:12px}.ksd-panel{border-left:0}.ksd-buy{z-index:4}}@media(prefers-reduced-motion:reduce){.ksd *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ks-designer.css.map */