.candle-editor{
    width:min(980px,100%);
    margin:0 auto 54px;
    display:grid;
    grid-template-columns:minmax(230px,.72fr) minmax(0,1.4fr);
    border:1px solid rgba(125,220,255,.2);
    border-radius:28px;
    background:linear-gradient(145deg,rgba(5,29,50,.9),rgba(3,17,31,.78));
    box-shadow:0 28px 80px rgba(0,0,0,.3),inset 0 0 40px rgba(91,210,255,.035);
    overflow:hidden;
}
.candle-editor__preview{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:radial-gradient(circle at 50% 40%,rgba(66,208,255,.16),transparent 54%),linear-gradient(180deg,rgba(80,174,218,.06),rgba(1,12,24,.2));text-align:center}
.candle-editor__preview [data-candle-preview]{height:242px;display:flex;align-items:flex-end;justify-content:center}
.candle-editor__preview>p:last-child{max-width:220px;margin:10px 0 0;color:var(--text-muted);font-size:.82rem;line-height:1.55}
.candle-editor__controls{padding:32px}
.candle-editor__heading{display:grid;grid-template-columns:1fr minmax(180px,.8fr);gap:22px;align-items:end;margin-bottom:25px}
.candle-editor__heading h2{margin:0;font-size:clamp(1.55rem,4vw,2.15rem)}
.candle-editor__heading>p{margin:0;color:var(--text-muted);font-size:.88rem;line-height:1.55}
.candle-editor fieldset{margin:0 0 19px;padding:0;border:0}
.candle-editor legend{margin-bottom:9px;color:rgba(235,248,255,.82);font-size:.77rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.candle-options{display:flex;flex-wrap:wrap;gap:8px}
.candle-option{position:relative;min-width:76px;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(165,219,244,.14);border-radius:999px;background:rgba(255,255,255,.025);color:var(--text-muted);font-size:.77rem;cursor:pointer;transition:border-color .2s,background .2s,color .2s,transform .2s}
.candle-option:hover{border-color:rgba(128,225,255,.38);color:var(--text);transform:translateY(-1px)}
.candle-option:has(input:checked){border-color:rgba(117,231,255,.7);background:rgba(64,194,231,.14);color:#effcff;box-shadow:0 0 16px rgba(65,207,255,.08)}
.candle-option:has(input:focus-visible){outline:2px solid var(--secondary);outline-offset:2px}
.candle-option input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.candle-option__sample{width:14px;height:14px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#dceef1;box-shadow:inset 0 0 3px rgba(0,0,0,.25)}
.candle-option--waxColor[data-value="blue"] .candle-option__sample{background:#589ed6}.candle-option--waxColor[data-value="cyan"] .candle-option__sample{background:#55d5dc}.candle-option--waxColor[data-value="pink"] .candle-option__sample{background:#e98bbd}.candle-option--waxColor[data-value="purple"] .candle-option__sample{background:#9b72d7}.candle-option--waxColor[data-value="black"] .candle-option__sample{background:#18212c}.candle-option--waxColor[data-value="gold"] .candle-option__sample{background:#d6a63f}
.candle-option--flameColor[data-value="orange"] .candle-option__sample{background:#ffad44}.candle-option--flameColor[data-value="blue"] .candle-option__sample{background:#64a9ff}.candle-option--flameColor[data-value="cyan"] .candle-option__sample{background:#51f0ef}.candle-option--flameColor[data-value="purple"] .candle-option__sample{background:#d074ff}.candle-option--flameColor[data-value="white"] .candle-option__sample{background:#f5fbff}
.candle-option--base[data-value="marble"] .candle-option__sample{background:linear-gradient(135deg,#eef5f6 40%,#6d8997 42% 53%,#d4e0e2 55%)}.candle-option--base[data-value="silver"] .candle-option__sample{background:linear-gradient(135deg,#f5fbff,#617a89)}.candle-option--base[data-value="gold"] .candle-option__sample{background:linear-gradient(135deg,#fff0a7,#9b631b)}.candle-option--base[data-value="crystal"] .candle-option__sample{background:linear-gradient(135deg,#ebffff,#45b9d7)}.candle-option--base[data-value="stone"] .candle-option__sample{background:#59666a}
.candle-option--flameSize .candle-option__sample{background:#78dfff}.candle-option--flameSize[data-value="small"] .candle-option__sample{transform:scale(.68)}.candle-option--flameSize[data-value="large"] .candle-option__sample{transform:scale(1.16)}
.candle-editor__footer{display:flex;align-items:center;gap:16px;margin-top:7px}.candle-editor__footer p{margin:0;color:var(--text-muted);font-size:.8rem;line-height:1.4}.candle-editor__message--error{color:#ffb3b3!important}

@media(max-width:760px){.candle-editor{grid-template-columns:1fr}.candle-editor__preview{min-height:330px}.candle-editor__controls{padding:24px 18px}.candle-editor__heading{grid-template-columns:1fr}.candle-editor__footer{align-items:stretch;flex-direction:column}.candle-editor__footer .candles-light-button{width:100%}}