#dzl-card{margin:0 0 18px;border:1px solid #e7e2da;border-radius:14px;background:#fff;overflow:hidden}
#dzl-card .dzl-stage{position:relative;height:300px;background:#fff}
@media (max-width:767px){#dzl-card .dzl-stage{height:250px}}
#dzl-card .dzl-stage{overflow:hidden}
#dzl-card .dzl-stage img{position:absolute!important;top:10px!important;left:10px!important;right:auto!important;bottom:auto!important;width:calc(100% - 20px)!important;height:calc(100% - 20px)!important;max-width:none!important;max-height:none!important;min-height:0!important;margin:0!important;object-fit:contain!important;transition:opacity .7s ease}
#dzl-card .dzl-stage img.dzl-on{opacity:0}
#dzl-card.is-on .dzl-stage img.dzl-on{opacity:1}
#dzl-card .dzl-bar{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid #efebe4;background:#faf8f5}
#dzl-card button,#dzl-modal button{all:unset;box-sizing:border-box;cursor:pointer;font-family:inherit}
#dzl-card .dzl-sw,#dzl-modal .dzl-sw{cursor:pointer;user-select:none;outline-offset:3px;display:inline-flex!important;align-items:center;gap:12px;color:#1d1d1f;font-weight:700;font-size:15px;-webkit-tap-highlight-color:transparent}
.dzl-plate{position:relative;width:40px;height:58px;border-radius:7px;background:linear-gradient(#fbfaf7,#ebe7e0);box-shadow:0 1px 2px rgba(0,0,0,.18),inset 0 0 0 1px rgba(0,0,0,.08);flex:none}
.dzl-plate:before,.dzl-plate:after{content:"";position:absolute;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#cfc9bf}
.dzl-plate:before{top:4px}.dzl-plate:after{bottom:4px}
.dzl-rocker{position:absolute;left:9px;right:9px;top:11px;bottom:11px;border-radius:4px;background:linear-gradient(180deg,#f4f1ec 0%,#fff 48%,#d9d3c9 52%,#ece8e1 100%);box-shadow:0 2px 3px rgba(0,0,0,.22),inset 0 0 0 1px rgba(0,0,0,.07);transition:background .2s,box-shadow .2s}
.dzl-led{position:absolute;left:50%;top:6px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#bdb6ab;transition:background .2s,box-shadow .2s}
.dzl-sw[aria-pressed="true"] .dzl-rocker{background:linear-gradient(180deg,#d9d3c9 0%,#ece8e1 48%,#f4f1ec 52%,#fff 100%);box-shadow:0 -2px 3px rgba(0,0,0,.18),inset 0 0 0 1px rgba(0,0,0,.07)}
.dzl-sw[aria-pressed="true"] .dzl-led{background:#ffb627;box-shadow:0 0 6px 2px rgba(255,182,39,.8)}
.dzl-lbl small{display:block;font-weight:400;font-size:12px;color:#7a746b}
#dzl-modal .dzl-lbl small{color:#bdb6ab}
#dzl-card .dzl-try{cursor:pointer;user-select:none;background:#fff;display:inline-flex!important;align-items:center;gap:8px;border:1.5px solid #0e1320!important;color:#0e1320;border-radius:999px!important;padding:10px 16px!important;font-weight:700;font-size:14px;white-space:nowrap}
.dzl-try svg{flex:none}
#dzl-modal{position:fixed;inset:0;z-index:2147483640;background:#0b0b0d;display:none;flex-direction:column;color:#fff;font-family:inherit}
html.dzl-open #dzl-modal{display:flex}
html.dzl-open body{overflow:hidden}
html.dzl-open #dz-wa,html.dzl-open #dz-sticky-atc{display:none!important}
#dzl-modal .dzl-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}
#dzl-modal .dzl-top b{font-size:16px}
#dzl-modal .dzl-x{background:none;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:4px 8px}
#dzl-room{position:relative;flex:1;overflow:hidden;touch-action:none;background:linear-gradient(180deg,#d9d3ca 0%,#cfc8bd 68%,#8d7a66 68%,#7a6754 100%)}
#dzl-room .dzl-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:none}
#dzl-room .dzl-dark{position:absolute;inset:0;background:rgba(5,5,12,.5);opacity:0;transition:opacity .6s;pointer-events:none}
#dzl-room .dzl-glow{position:absolute;left:0;top:0;pointer-events:none;border-radius:50%;opacity:0;transition:opacity .6s;mix-blend-mode:screen;background:radial-gradient(closest-side,rgba(255,206,130,.85),rgba(255,170,80,.35) 45%,rgba(255,150,60,0) 100%)}
#dzl-room.is-on .dzl-dark,#dzl-room.is-on .dzl-glow{opacity:1}
#dzl-room .dzl-lamp{position:absolute;left:0;top:0;cursor:grab;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.25))}
#dzl-room .dzl-lamp.dzl-l-on{display:none}
#dzl-room.is-on .dzl-lamp.dzl-l-on{display:block;filter:none}
#dzl-room.is-on .dzl-lamp.dzl-l-off{visibility:hidden}
#dzl-room .dzl-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:rgba(0,0,0,.55);padding:7px 12px;border-radius:999px;font-size:13px;white-space:nowrap;pointer-events:none}
#dzl-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:rgba(11,11,13,.82);z-index:3}
#dzl-start p{margin:0 0 6px;max-width:330px;line-height:1.45;font-size:15px}
#dzl-start label,#dzl-start .dzl-p3{display:block;width:100%;max-width:300px;box-sizing:border-box;padding:14px 18px;border-radius:999px;font:inherit;font-weight:700;font-size:15px;cursor:pointer;text-align:center;border:0}
#dzl-start .dzl-p1{background:#f9d94c;color:#0e1320}
#dzl-start .dzl-p2{background:#fff;color:#0e1320}
#dzl-start .dzl-p3{background:none;color:#fff;text-decoration:underline;font-weight:400}
#dzl-modal .dzl-foot{display:flex;flex-direction:column;gap:12px;padding:12px 16px 18px;background:#0b0b0d}
#dzl-modal .dzl-r1{display:flex;align-items:center;gap:12px}
#dzl-modal .dzl-r1 input{flex:1;accent-color:#f9d94c}
#dzl-modal .dzl-r2{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
#dzl-modal .dzl-sw{color:#fff}
#dzl-modal .dzl-x{font-size:30px;padding:4px 10px;color:#fff}
#dzl-modal .dzl-act{display:flex;gap:8px}
#dzl-modal .dzl-act .dzl-save,#dzl-modal .dzl-act a{background:#fff;color:#0e1320;border:0;border-radius:999px;padding:10px 14px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none}
#dzl-modal .dzl-act a{background:#25D366;color:#fff}
#dzl-modal [role=button]{cursor:pointer;user-select:none}
#dzl-room .dzl-lamp.is-sel{outline:1.5px dashed rgba(255,255,255,.85);outline-offset:4px;border-radius:4px}
#dzl-modal .dzl-r0{display:flex;align-items:center;gap:10px}
#dzl-modal .dzl-add,#dzl-modal .dzl-del{border:1.5px solid rgba(255,255,255,.75);border-radius:999px;padding:8px 14px;font-weight:700;font-size:14px;color:#fff}
#dzl-modal .dzl-add{background:#fff;color:#0e1320;border-color:#fff}
#dzl-modal .dzl-cnt{margin-left:auto;font-size:13px;color:#bdb6ab}
#dzl-modal .dzl-r1 input[type=range]{-webkit-appearance:none;appearance:none;height:4px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:4px;background:#4a463f!important;box-shadow:none!important}
#dzl-modal .dzl-r1 input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#f9d94c;border:0}
#dzl-modal .dzl-r1 input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#f9d94c;border:0}
#dzl-modal .dzl-cart{display:block;text-align:center;background:#f9d94c;color:#0e1320;border-radius:999px;padding:13px 16px;font-weight:700;font-size:15px}
@media (max-height:700px){#dzl-modal .dzl-foot{gap:9px;padding:10px 14px 12px}}
#dzl-modal .dzl-swap{border:1.5px solid rgba(255,255,255,.75);border-radius:999px;padding:8px 14px;font-weight:700;font-size:14px;color:#fff}
#dzl-modal .dzl-r0{flex-wrap:wrap}
#dzl-modal .dzl-pick{background:#18181b;border-radius:12px;padding:10px}
#dzl-modal .dzl-pick[hidden]{display:none}
#dzl-modal .dzl-pick-t{font-size:13px;color:#d6d1c8;margin:0 0 8px}
#dzl-modal .dzl-pick-row{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}
#dzl-modal .dzl-th{flex:none;width:76px;text-align:center;font-size:11px;line-height:1.2;color:#fff}
#dzl-modal .dzl-th img{display:block;width:76px!important;height:76px!important;object-fit:contain;background:#fff;border-radius:8px;margin:0 0 4px!important}
