.beauty-modes{margin:14px 0 10px}
.beauty-modes-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}
.beauty-modes-title>span{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#746384}
.beauty-modes-title em{font-size:8px;font-style:normal;letter-spacing:.4px;background:#eaffae;color:#526c2a;border-radius:7px;padding:3px 5px;margin-left:4px}
.beauty-modes-title>small{font-size:9px;color:#88798f}
.beauty-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.beauty-mode-grid button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:44px;border:1px solid #e8dbef;border-radius:12px;background:#faf5ff;padding:8px;color:#796083;transition:background .2s,border-color .2s}
.beauty-mode-grid button[data-mode=makeup]{background:#fff1f6;border-color:#f3dce6;color:#a45a7b}
.beauty-mode-grid button[data-mode=nails]{background:#fff5e9;border-color:#f2e0cb;color:#9b7544}
.beauty-mode-grid svg{height:19px;width:19px;flex:0 0 19px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.beauty-mode-grid b{font-size:12px;line-height:1.25;font-weight:700;white-space:nowrap}
.beauty-mode-grid button:hover:not(:disabled){border-color:currentColor}
.beauty-mode-grid button[aria-pressed=true]{background:#eee0ff;border-color:#b28bd7;color:#61358f;box-shadow:inset 0 0 0 .5px currentColor}
.beauty-mode-grid button[data-mode=makeup][aria-pressed=true]{background:#ffe4ee;border-color:#d79bb4;color:#933b64}
.beauty-mode-grid button[data-mode=nails][aria-pressed=true]{background:#ffedc9;border-color:#d9b779;color:#82591e}
.beauty-mode-grid button:focus-visible{outline:3px solid #7051c8;outline-offset:3px}
.beauty-mode-grid button:disabled{opacity:.6;cursor:wait}
.editor-panel:is([data-mode=hair],[data-mode=makeup],[data-mode=nails]) .stylist-uploads .studio-art{transform:rotate(-5deg)}.editor-panel:is([data-mode=hair],[data-mode=makeup],[data-mode=nails]) .stylist-uploads .studio-art:after{content:'ВАШЕ ФОТО'}.editor-panel[data-mode=nails] .stylist-uploads .studio-art:after{content:'ВАША РУКА'}.editor-panel[data-mode=makeup] .stylist-uploads #slot-person .upload-placeholder{background:linear-gradient(125deg,#ffe7ef,#fff2e9)}.editor-panel[data-mode=nails] .stylist-uploads #slot-person .upload-placeholder{background:linear-gradient(125deg,#fff1d3,#ffe5eb)}.stylist-brief[data-mode=makeup]{background:#fff5f8;border-color:#f5dce7}.stylist-brief[data-mode=nails]{background:#fffbf1;border-color:#f0e0c4}.stylist-brief:is([data-mode=hair],[data-mode=makeup],[data-mode=nails]) .stylist-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.stylist-brief:is([data-mode=hair],[data-mode=makeup],[data-mode=nails]) .stylist-presets button{padding:9px 4px;min-height:43px;font-size:11px}.stylist-brief[data-mode=makeup] .stylist-presets button[aria-pressed=true]{background:#ffdeeb;border-color:#dc9cba;color:#934465}.stylist-brief[data-mode=nails] .stylist-presets button[aria-pressed=true]{background:#ffebbd;border-color:#dec286;color:#835c2c}
@media(max-width:400px){.beauty-modes-title{gap:6px}.beauty-modes-title>small{font-size:8px}.beauty-modes-title>span{font-size:8px;letter-spacing:.6px}.beauty-mode-grid b{font-size:11px}.beauty-mode-grid button{padding:8px 5px;gap:4px}.beauty-mode-grid svg{width:16px;height:16px;flex-basis:16px}.beauty-modes-title em{font-size:7px}}
@media(prefers-reduced-motion:reduce){.beauty-mode-grid button{transition:none;transform:none!important}}