.konf{border-block:1px solid var(--dft-line);background:var(--dft-surface);grid-template-columns:minmax(0,1fr) 400px;display:grid}.konf-stage{top:var(--konf-top,0px);z-index:5;min-height:40vh;max-height:calc(100vh - var(--konf-top,0px));background:#2b2a28;align-self:start;place-items:center;display:grid;position:sticky;overflow:hidden}#konf-view{max-width:100%;max-height:calc(100vh - var(--konf-top,0px));touch-action:none;cursor:crosshair;display:block}.konf [hidden]{display:none!important}.konf-rail{border:1px solid var(--dft-line);background:var(--dft-paper);gap:.6rem;padding:.8rem;display:grid}.konf-rail .konf-label{margin:0}.konf-check{cursor:pointer;align-items:center;gap:.5rem;font-size:.92rem;display:flex}.konf-check input{width:1.1rem;height:1.1rem;accent-color:var(--dft-primary)}.konf-rail-picker{gap:.6rem;display:grid}.konf-stage-hint{color:#fff;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#1f2328d9;max-width:calc(100% - 2rem);margin:0;padding:.45rem .9rem;font-size:.82rem;position:absolute;bottom:.9rem;left:50%;overflow:hidden;transform:translate(-50%)}.konf-panel{border-left:1px solid var(--dft-line);flex-direction:column;min-height:0;display:flex}.konf-steps{border-bottom:1px solid var(--dft-line);grid-template-columns:repeat(3,1fr);display:grid}.konf-steps button{color:var(--dft-ink-mute);cursor:pointer;font-weight:500;font:inherit;background:0 0;border:0;border-bottom:3px solid #0000;padding:.8rem .4rem}.konf-steps button b{font:600 1.05rem var(--dft-serif);color:var(--dft-ink);display:block}.konf-steps button[aria-selected=true]{border-bottom-color:var(--dft-primary);color:var(--dft-ink)}.konf-step{flex-direction:column;gap:1rem;padding:1.1rem 1.25rem 1.5rem;display:none}.konf-step.is-active{display:flex}.konf-step h2{font:600 1.35rem/1.2 var(--dft-serif);text-wrap:balance;margin:0}.konf-step p{color:var(--dft-ink-soft);margin:0}.konf-row{flex-wrap:wrap;gap:.6rem;display:flex}.konf-row-seg{align-items:center;gap:1rem}.konf-small{padding:.45rem .75rem;font-size:.85rem}.konf-examples{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.konf-examples button{cursor:pointer;text-align:left;font:inherit;background:0 0;border:2px solid #0000;padding:0}.konf-examples button img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.konf-examples button span{color:var(--dft-ink-mute);padding:.3rem 0 0;font-size:.8rem;display:block}.konf-examples button[aria-pressed=true]{border-color:var(--dft-primary)}.konf-note{border-left:3px solid var(--dft-sand-dark);padding:.2rem 0 .2rem .75rem;color:var(--dft-ink-mute)!important;font-size:.82rem!important}.konf-label{letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--dft-ink-mute)!important;font-size:.75rem!important}.konf-seg{border:1px solid var(--dft-ink);grid-auto-flow:column;display:inline-grid}.konf-seg button{cursor:pointer;color:var(--dft-ink);font:inherit;background:0 0;border:0;padding:.5rem .8rem}.konf-seg button[aria-pressed=true]{background:var(--dft-ink);color:#fff}.konf-field{gap:.3rem;display:grid}.konf-field span{font-size:.85rem;font-weight:500}.konf-field input{border:1px solid var(--dft-line);width:8rem;font:inherit;padding:.5rem .6rem}.konf-field select{border:1px solid var(--dft-line);width:100%;color:var(--dft-ink);font:inherit;background:#fff;padding:.6rem}.konf-field small{color:var(--dft-ink-mute);font-size:.8rem}.konf-models{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.konf-model{border:1px solid var(--dft-line);background:var(--dft-paper);cursor:pointer;text-align:left;font:inherit;grid-template-columns:44px 1fr;align-items:center;gap:.6rem;padding:.5rem;display:grid}.konf-model canvas{object-fit:contain;width:44px;height:88px}.konf-model span b{font-size:.92rem;font-weight:600;display:block}.konf-model span small{color:var(--dft-ink-mute);font-size:.76rem;line-height:1.3;display:block}.konf-model[aria-pressed=true]{border-color:var(--dft-ink);background:#fff}.konf-swatches{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.4rem;display:grid}.konf-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #0000002e;padding:0;position:relative}.konf-swatch[aria-pressed=true]:after{content:"";border:2px solid var(--dft-ink);position:absolute;inset:-4px}.konf-chips,.konf-windows{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.konf-chip{border:1px solid var(--dft-line);cursor:pointer;color:var(--dft-ink-soft);font-size:.8rem;font:inherit;background:#fff;border-radius:999px;padding:.3rem .6rem}.konf-chip[aria-pressed=true]{background:var(--dft-ink);color:#fff;border-color:var(--dft-ink)}.konf-search{border:1px solid var(--dft-line);width:100%;font:inherit;background:#fff;padding:.55rem .7rem}.konf-current{background:var(--dft-paper);border:1px solid var(--dft-line);align-items:center;gap:.75rem;padding:.6rem;display:flex}.konf-current i{border:1px solid #0000002e;flex:none;width:42px;height:42px}.konf-current b{font-weight:600;display:block}.konf-current small{color:var(--dft-ink-mute)}.konf-foot{border-top:1px solid var(--dft-line);color:var(--dft-ink-mute);margin:auto 0 0;padding:1rem 1.25rem;font-size:.78rem}.konf-steps button:focus-visible,.konf-swatch:focus-visible,.konf-chip:focus-visible,.konf-model:focus-visible,.konf-seg button:focus-visible{outline:2px solid var(--dft-primary);outline-offset:2px}.konf-overlay{z-index:120;background:#141414eb;place-items:center;padding:1rem;display:none;position:fixed;inset:0;overflow-y:auto}.konf-overlay.is-open{display:grid}.konf-overlay figure{justify-items:center;gap:.8rem;max-width:min(100%,1100px);margin:0;display:grid}.konf-overlay img{max-width:100%;max-height:62vh}@media (width<=960px){.konf-overlay{place-items:start center;padding-bottom:6rem}.konf-overlay img{max-height:42vh}}.konf-overlay figcaption{color:#eee;text-align:center;max-width:70ch;font-size:.88rem}.konf-overlay figcaption p{margin:0 0 .4rem}.konf-blocked{text-align:center;padding:2rem}.konf-about-grid{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,3rem);display:grid}.konf-about-grid h3{font:600 1.15rem var(--dft-serif);margin:0 0 .5rem}.konf-about-grid p{color:var(--dft-ink-soft);margin:0;line-height:1.65}@media (width<=960px){.konf{grid-template-columns:1fr}.konf-panel{border-left:0;border-top:1px solid var(--dft-line)}.konf-stage{min-height:0;max-height:none}#konf-view{max-height:36vh}.konf-steps{top:calc(var(--konf-top,0px) + var(--konf-stage-h,0px));z-index:4;background:var(--dft-surface);position:sticky}html{scroll-padding-top:calc(var(--konf-top,0px) + var(--konf-stage-h,0px) + 3.6rem);scroll-padding-bottom:5.5rem}.konf-about-grid{grid-template-columns:1fr}}.atelier-intro{background:repeating-linear-gradient(153deg,#0000 0 36px,#52604008 42px 56px,#0000 64px 88px),#f8f7f2;grid-template-columns:1.5fr 1fr;gap:4rem;max-width:1440px;margin:0 auto;padding:4rem 2rem;display:grid}.atelier-intro h1{font:500 clamp(2.6rem, 4.5vw, 4.6rem)/1.05 var(--dft-serif);color:#293a33;margin:1rem 0 1.5rem}.atelier-intro h1 em{font-weight:400}.atelier-title-label{font:600 .8rem/1.5 var(--dft-font-sans,sans-serif);letter-spacing:.09em;text-transform:uppercase;color:#52614f;margin-bottom:1.2rem;display:block}.atelier-intro p{max-width:52ch;line-height:1.7}.atelier-back{color:#293a33;font-size:.85rem}.atelier-intro .kicker{margin-top:2rem}.atelier-intro-side{border-left:1px solid #ccd1c2;align-self:center;padding-left:3rem}.atelier-intro-side span{font:500 1.4rem var(--dft-serif);margin:1.4rem 0;display:block}.atelier-intro-side p{font-size:.85rem}.konf{--dft-primary:#293a33;background:#f8f7f2;border:1px solid #d8ddcf;max-width:1440px;margin:0 auto;display:block}.konf-workspace{grid-template-columns:minmax(0,1fr) 440px;display:grid}html:has(.konf){scroll-padding-top:calc(var(--konf-top,0px) + 1rem)}.atelier-intro .button-primary{background:#293a33;border-color:#293a33}.atelier-intro .kicker,.konf .kicker{color:#526052}.konf-stage{min-height:0;top:var(--konf-top,0px);background:#e9ecdf;padding:3.8rem 1rem 5rem}#konf-view{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - var(--konf-top,0px) - 10rem);cursor:crosshair}.konf-tools{justify-content:space-between;gap:.5rem;display:flex;position:absolute;top:.8rem;left:1rem;right:1rem}.konf-tools button{color:#293a33;font:inherit;cursor:pointer;background:#f8f7f2;border:1px solid #ccd1c2;padding:.55rem .75rem;font-size:.8rem}.konf-tools button:disabled{opacity:.45;cursor:default}.konf-compare{justify-content:center;align-items:center;gap:.7rem;font-size:.75rem;display:flex;position:absolute;bottom:2.5rem;left:1rem;right:1rem}.konf-compare input{accent-color:#293a33;width:40%;min-width:60px;max-width:240px}.konf-stage-hint{color:#445047;background:0 0;padding:0;font-size:.72rem;bottom:.5rem}.konf .button-primary{color:#fff;background:#293a33;border-color:#293a33}.konf .button-secondary{color:#293a33;background:#f8f7f2;border-color:#aab5a6}.konf-step{gap:1.1rem;padding:1.5rem}.konf-step h2{color:#293a33;font-size:1.65rem}.konf-model{grid-template-columns:54px 1fr;min-height:115px;padding:.7rem}.konf-model canvas{width:54px;height:92px}.konf-model[aria-pressed=true]{background:#e9ecdf;box-shadow:inset 0 0 0 1px #293a33}.konf-model-detail{background:#e9ecdf;grid-template-columns:120px 1fr;align-items:center;gap:1rem;padding:1rem;display:grid}.konf-model-detail img{object-fit:contain;background:#fff;width:100%;height:105px;display:block}.konf-model-detail p{font-size:.83rem;line-height:1.5}.konf-model-detail small{margin-top:.5rem;font-size:.7rem;display:block}.konf-palette{border-block:1px solid #ccd1c2;padding:.8rem 0}.konf-palette summary{cursor:pointer;font-weight:500}.konf-palette[open]{gap:1rem;display:grid}.konf-palette[open]>*+*{margin-top:.8rem}#konf-all{max-height:260px;padding:5px;overflow:auto}#konf-popular{grid-template-columns:repeat(4,1fr);gap:.9rem .5rem}#konf-popular .konf-swatch{aspect-ratio:auto;height:64px;margin-bottom:32px}.konf-swatch-label{color:#293a33;margin-top:5px;font:400 .62rem/1.25 Arial,sans-serif;position:absolute;top:100%;left:-2px;right:-2px}.konf-swatch-label b{font-weight:600;display:block}#konf-feedback{font-size:.8rem}.konf-favorites{background:#f8f7f2;border-top:1px solid #ccd1c2;grid-column:1/-1;padding:2rem}.konf-favorites h2{font:500 2rem var(--dft-serif);margin:.5rem 0}.konf-favorites p{color:#526052;max-width:70ch}.konf-favorites-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem;display:grid}.konf-favorite{background:#fff;border:1px solid #ccd1c2;margin:0;padding:.8rem}.konf-favorite img{object-fit:contain;background:#e9ecdf;width:100%;height:220px}.konf-favorite figcaption{padding:.7rem 0;font-size:.85rem;line-height:1.5}.konf-favorite .button{padding:.5rem .7rem;font-size:.75rem}.konf-empty{border:1px dashed #aab5a6;grid-column:1/-1;padding:1.5rem}.konf.is-expanded .konf-stage{z-index:100;max-height:none;padding-top:4rem;position:fixed;inset:0}.konf.is-expanded #konf-view{max-height:calc(100dvh - 10rem)}body:has(.konf.is-expanded){overflow:hidden}@media (width<=960px){.atelier-intro{grid-template-columns:1fr;gap:1rem;padding:2rem 1.25rem}.atelier-intro-side{border:0;padding:0}.atelier-intro-side span{margin:.5rem 1rem .5rem 0;font:500 .8rem Arial,sans-serif;display:inline-block}.konf-workspace{grid-template-columns:1fr}html:has(.konf){scroll-padding-top:calc(var(--konf-top,0px) + var(--konf-stage-h,0px) + 3.6rem)}.konf-stage{padding:3rem .6rem 4rem}#konf-view{max-height:29dvh}.konf-step,.konf-favorites{padding:1.25rem}.konf-favorites-grid{grid-template-columns:1fr}.konf-favorite img{height:260px}.konf-stage-hint{max-width:calc(100% - 1rem)}.konf-model-detail{grid-template-columns:100px 1fr}.konf-compare{bottom:2rem}.konf-stage-hint{bottom:.45rem}}.konf-mobile-toggle,.konf-mobile-heading{display:none}#konf-position{font-size:.85rem}@media (width<=960px){.konf-mobile-toggle{color:#fff;background:#293a33;border:0;justify-content:space-between;gap:2rem;width:calc(100% - 2rem);margin:1rem;padding:1rem;font:600 1rem Arial,sans-serif;display:flex}.konf-mobile-heading{z-index:6;background:#e9ecdf;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex;position:sticky;top:0}.konf-mobile-heading button{color:#293a33;background:#fff;border:1px solid #8b9787;padding:.7rem}.konf-panel{display:none}.konf.menu-open .konf-panel{z-index:90;overscroll-behavior:contain;background:#f8f7f2;border-radius:16px 0 0;width:min(460px,100%);height:54dvh;display:block;position:fixed;bottom:0;right:0;overflow:auto;box-shadow:-8px -8px 40px #18251c33}.konf.menu-open .konf-steps{top:70px}.konf-stage{position:relative;top:auto}#konf-view{max-height:60dvh}.konf.menu-open #konf-view{max-height:max(12dvh,calc(46dvh - var(--konf-top,90px) - 5rem))}.konf.menu-open .konf-stage{top:var(--konf-top,0px);z-index:5;padding:2rem .6rem 3rem;position:sticky}.konf-seg{flex-wrap:wrap}.konf.menu-open .konf-step{padding-bottom:2rem}html:has(.konf){scroll-padding-top:var(--konf-top,90px)}.konf-panel{scroll-padding-top:140px}}