.showcase-layout{width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.showcase-canvas{flex:1;height:100%;position:relative}.showcase-panel{color:#f0ede8;box-sizing:border-box;background:#0d1b3e;flex-direction:column;gap:4px;width:300px;height:100vh;padding:20px;display:flex;overflow-y:auto}.showcase-panel::-webkit-scrollbar{width:4px}.showcase-panel::-webkit-scrollbar-thumb{background:#c9a85c66;border-radius:4px}.showcase-panel__header{border-bottom:1px solid #c9a85c4d;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;display:flex}.showcase-panel__logo{background:#c9a85c1f;border:1px solid #c9a85c66;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:4px;display:flex;overflow:hidden}.showcase-panel__logo img{object-fit:contain;width:100%;height:100%}.sp-logo-fallback{color:#c9a85c;justify-content:center;align-items:center;width:100%;height:100%;font-size:.8rem;font-weight:700;display:flex}.showcase-panel__header h2{color:#f0ede8;margin:0;font-size:1rem;font-weight:600}.showcase-section{margin-bottom:20px}.showcase-section h3{letter-spacing:.1em;text-transform:uppercase;color:#c9a85c;margin:0 0 10px;font-size:.7rem;font-weight:700}.swatch-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.swatch-grid--5{grid-template-columns:repeat(5,1fr)}.swatch-btn{cursor:pointer;aspect-ratio:1;background:0 0;border:2px solid #0000;border-radius:5px;padding:2px;transition:transform .12s,border-color .12s}.swatch-btn img{object-fit:cover;border-radius:3px;width:100%;height:100%;display:block}.swatch-btn:hover{transform:scale(1.1)}.swatch-btn.active{border-color:#c9a85c;box-shadow:0 0 0 1px #c9a85c}.floor-grid{flex-direction:column;gap:6px;display:flex}.floor-btn{cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:10px;width:100%;padding:7px 10px;transition:background .15s,border-color .15s;display:flex}.floor-btn:hover{background:#ffffff1a}.floor-btn.active{background:#c9a85c1f;border-color:#c9a85c}.floor-swatch{border:1px solid #ffffff26;border-radius:4px;flex-shrink:0;width:24px;height:24px}.floor-label{color:#d0cdc8;font-size:.8rem;font-weight:500}.floor-btn.active .floor-label{color:#c9a85c}.under-light-toggle{cursor:pointer;color:#c0bdb8;align-items:center;gap:10px;font-size:.85rem;display:flex}.under-light-toggle input{accent-color:#c9a85c;width:16px;height:16px}.showcase-cta{border-top:1px solid #c9a85c33;margin-top:auto;padding-top:16px}.showcase-cta__btn{color:#0d1b3e;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#c9a85c,#b8943f);border:none;border-radius:8px;width:100%;padding:13px 16px;font-size:.9rem;font-weight:700;transition:opacity .15s,transform .1s}.showcase-cta__btn:hover{opacity:.92;transform:translateY(-1px)}.showcase-cta__btn:active{transform:translateY(0)}.showcase-cta__hint{color:#c9a85c99;text-align:center;margin:8px 0 0;font-size:.7rem}.fs-btn{z-index:200;color:#f0ede8;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d1b3ebf;border:1px solid #c9a85c59;border-radius:7px;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;transition:background .15s,border-color .15s;display:flex;position:absolute;top:12px;right:12px}.fs-btn:hover{background:#0d1b3ef2;border-color:#c9a85c}.fs-btn svg{width:100%;height:100%}.ek-watermark{z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0d1b3ed1;border-left:3px solid #c9a85c;border-radius:6px;flex-direction:column;gap:2px;padding:7px 12px;display:flex;position:absolute;bottom:14px;right:14px}.ek-watermark__name{color:#f0ede8;font-size:.72rem;font-weight:700;line-height:1}.ek-watermark__url{color:#c9a85c;font-size:.58rem;line-height:1}.qm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#050c1ebf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.qm{background:#fff;border-radius:14px;width:100%;max-width:860px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 24px 80px #00000073}.qm__close{cursor:pointer;color:#444;z-index:2;background:#00000012;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:background .15s;display:flex;position:absolute;top:14px;right:14px}.qm__close:hover{background:#00000024}.qm__body{min-height:480px;display:flex}.qm__left{background:#0d1b3e;border-radius:14px 0 0 14px;flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden}.qm__preview{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.qm__summary{flex:1;padding:16px}.qm__summary-title{letter-spacing:.1em;text-transform:uppercase;color:#c9a85c;margin:0 0 10px;font-size:.65rem;font-weight:700}.qm__row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:baseline;gap:8px;padding:5px 0;display:flex}.qm__row:last-child{border-bottom:none}.qm__row-label{color:#f0ede880;flex-shrink:0;font-size:.7rem}.qm__row-value{color:#f0ede8;text-align:right;font-size:.72rem;font-weight:500}.qm__right{flex-direction:column;flex:1;padding:32px 28px;display:flex}.qm__header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.qm__logo{color:#c9a85c;background:#0d1b3e;border:2px solid #c9a85c;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:.85rem;font-weight:800;display:flex}.qm__title{color:#0d1b3e;margin:0 0 2px;font-size:1.15rem;font-weight:700}.qm__sub{color:#666;margin:0;font-size:.8rem}.qm__form{flex-direction:column;flex:1;gap:10px;display:flex}.qm__input{color:#1a1a1a;box-sizing:border-box;background:#fafafa;border:1.5px solid #e0ddd8;border-radius:7px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.87rem;transition:border-color .15s}.qm__input:focus{background:#fff;border-color:#c9a85c}.qm__textarea{resize:vertical;min-height:72px}.qm__btn{color:#0d1b3e;cursor:pointer;background:linear-gradient(135deg,#c9a85c,#b8943f);border:none;border-radius:8px;margin-top:4px;padding:13px 16px;font-size:.9rem;font-weight:700;transition:opacity .15s,transform .1s}.qm__btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.qm__btn:disabled{opacity:.55;cursor:default}.qm__legal{color:#aaa;text-align:center;margin:4px 0 0;font-size:.65rem}.qm__success{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:380px;padding:60px 40px;display:flex}.qm__success-icon{color:#0d1b3e;background:linear-gradient(135deg,#c9a85c,#b8943f);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.8rem;font-weight:700;display:flex}.qm__success h2{color:#0d1b3e;margin:0;font-size:1.4rem}.qm__success p{color:#555;max-width:360px;margin:0;font-size:.9rem;line-height:1.6}@media (width<=640px){.qm__body{flex-direction:column}.qm__left{border-radius:14px 14px 0 0;width:100%}.qm__right{padding:20px 16px}}.cab-carousel{align-items:center;gap:4px;display:flex}.cab-carousel__track{flex:1;gap:6px;display:flex}.cab-arrow{color:#c9a85c;cursor:pointer;background:#ffffff12;border:1px solid #ffffff26;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.2rem;line-height:1;transition:background .15s;display:flex}.cab-arrow:hover:not(:disabled){background:#c9a85c26}.cab-arrow:disabled{opacity:.3;cursor:default}.cab-dots{justify-content:center;gap:5px;margin-top:6px;display:flex}.cab-dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .15s}.cab-dot.active{background:#c9a85c}.stone-accordion{cursor:pointer;text-align:left;color:#f0ede8;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;transition:background .15s;display:flex}.stone-accordion:hover{background:#ffffff17}.stone-accordion h3{color:#c9a85c;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:700}.stone-selected{color:#b0ada8;margin-top:2px;font-size:.75rem;display:block}.stone-chevron{color:#c9a85c;flex-shrink:0;margin-left:8px;font-size:.65rem}.stone-dropdown{padding-top:8px}.toggle-btn{cursor:pointer;color:#b0ada8;background:#ffffff12;border:1px solid #ffffff26;border-radius:4px;flex:1;padding:6px 8px;font-size:.75rem;font-weight:600;transition:all .15s}.toggle-btn:hover{color:#f0ede8;background:#ffffff1f}.toggle-btn.active{color:#c9a85c;background:#c9a85c33;border-color:#c9a85c}@media (width<=768px){.showcase-layout{flex-direction:column-reverse}.showcase-canvas{width:100vw;height:50vh}.showcase-panel{width:100vw;height:50vh;padding:15px}.showcase-panel__header{margin-bottom:15px;padding-bottom:10px}.swatch-grid{grid-template-columns:repeat(5,1fr)}.showcase-section h3{font-size:.65rem}}.ek-loader{z-index:9999;background:#0a1428;justify-content:center;align-items:center;animation:.4s 2.8s forwards ek-loader-fade;display:flex;position:fixed;inset:0}@keyframes ek-loader-fade{to{opacity:0;pointer-events:none}}.ek-loader__card{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.ek-loader__icon{background:#c9a85c1f;border:1.5px solid #c9a85c73;border-radius:14px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:6px;padding:8px;display:flex;overflow:hidden}.ek-loader__icon img{object-fit:contain;width:100%;height:100%}.ek-loader__icon-fallback{color:#c9a85c;letter-spacing:.05em;font-size:1.4rem;font-weight:800}.ek-loader__name{color:#f0ede8;letter-spacing:.03em;margin:0;font-size:1.1rem;font-weight:700}.ek-loader__sub{color:#c9a85ccc;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.75rem}.ek-loader__track{background:#ffffff14;border-radius:2px;width:200px;height:3px;margin-top:18px;overflow:hidden}.ek-loader__fill{background:linear-gradient(90deg,#c9a85c,#e8c97a);border-radius:2px;width:0%;height:100%;animation:2.6s cubic-bezier(.4,0,.2,1) forwards ek-bar}@keyframes ek-bar{0%{width:0%}60%{width:70%}85%{width:88%}to{width:100%}}.ek-loader__caption{color:#f0ede859;letter-spacing:.04em;margin:4px 0 0;font-size:.65rem}