.beauty-card-editor{margin:24px auto 40px;max-width:760px;padding:clamp(18px,4vw,36px);background:#f8f3ed;color:#30282c;border:1px solid #ddc9be;border-radius:28px;text-align:center}
.beauty-card-editor h2{font:500 clamp(30px,5vw,46px) 'Cormorant Garamond',serif;margin:8px 0}
.beauty-card-editor p{font-size:14px;line-height:1.6;max-width:480px;margin:12px auto}
.beauty-card-editor canvas{display:block;width:100%;max-width:360px;height:auto;margin:22px auto;border-radius:8px;box-shadow:0 14px 45px #30282c20}
.beauty-card-editor,.beauty-card-editor *{box-sizing:border-box}
.beauty-card-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px auto;max-width:560px;padding:20px 0;border-top:1px solid #e5d8d0;border-bottom:1px solid #e5d8d0}
.beauty-card-controls label{display:grid;gap:4px;text-align:left;min-width:0;font-size:12px;font-weight:500;color:#725f64}
.beauty-card-controls input{appearance:none;-webkit-appearance:none;display:block;width:100%;height:44px;margin:0;background:transparent;cursor:pointer;accent-color:#99536a}
.beauty-card-controls input::-webkit-slider-runnable-track{height:4px;border-radius:8px;background:#d7c2c6}
.beauty-card-controls input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-10px;border:3px solid #f8f3ed;border-radius:50%;background:#8b4e66;box-shadow:0 0 0 1px #8b4e6640}
.beauty-card-controls input::-moz-range-track{height:4px;border-radius:8px;background:#d7c2c6}
.beauty-card-controls input::-moz-range-thumb{width:18px;height:18px;border:3px solid #f8f3ed;border-radius:50%;background:#8b4e66;box-shadow:0 0 0 1px #8b4e6640}
.beauty-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:560px;margin:0 auto}
.beauty-card-actions button,.beauty-card-actions a{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:52px;margin:0;font:500 14px/1.3 'DM Sans',sans-serif;border:1px solid #c9a7b3;border-radius:16px;padding:14px 12px;background:transparent;color:#703b50;text-decoration:none;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s}
.beauty-card-actions button:first-child{grid-column:1/-1;min-height:56px;background:#703b50;color:#fff8f2;border-color:#703b50}
.beauty-card-actions [data-open]{grid-column:1/-1;border-color:transparent;min-height:44px;padding:10px;font-size:12px;color:#725f64;text-decoration:underline;text-underline-offset:4px}
.beauty-card-actions button:active,.beauty-card-actions a:active{background:#ecdee3}
.beauty-card-actions button:first-child:active{background:#542a3b}
.beauty-card-actions button:disabled{opacity:.5;cursor:wait}
.beauty-card-editor :focus-visible{outline:3px solid #99536a;outline-offset:4px}
.beauty-card-editor .beauty-card-note{font-size:12px;color:#725f64}
@media(max-width:540px){.beauty-card-editor{margin:16px auto 28px;padding:18px 16px;border-radius:22px}.beauty-card-controls{grid-template-columns:1fr;gap:8px;margin:20px auto;padding:16px 0}.beauty-card-controls label{font-size:13px}.beauty-card-editor canvas{margin:18px auto}.beauty-card-editor .beauty-card-note{font-size:11px;line-height:1.6}.beauty-card-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){.beauty-card-actions button,.beauty-card-actions a{transition:none}}