.sweet{--accent: #e8467c;--accent-soft: color-mix(in srgb, #e8467c 14%, var(--surface));--radius: 20px}.sweet .tool__head h1{background:linear-gradient(90deg,#e8467c,#9b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.sweet .btn{border-radius:999px;background:linear-gradient(135deg,#e8467c,#b24ef0)}.sweet .btn--ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.sweet .btn:disabled{opacity:.5}.sweet .chip{border-radius:999px}.sweet .chips .chip[aria-pressed=true],.sweet .step.is-active{background:linear-gradient(135deg,#e8467c,#b24ef0);border-color:transparent}.sweet .panel{border-radius:24px;box-shadow:0 6px 24px color-mix(in srgb,#e8467c 8%,transparent)}.sweet .stage-wrap{background:linear-gradient(160deg,color-mix(in srgb,#ffd1e3 30%,var(--surface-2)),color-mix(in srgb,#d9c8ff 28%,var(--surface-2)));border-radius:28px}.sweet .fthumb[aria-pressed=true]{border-color:#e8467c}.sweet .slider input[type=range],.sweet .field input[type=range]{accent-color:#e8467c}.stabs{display:flex;gap:6px;overflow-x:auto;padding:8px;border-radius:28px;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 28px color-mix(in srgb,#e8467c 12%,transparent);scrollbar-width:none}.stabs::-webkit-scrollbar{display:none}.stab{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:76px;padding:10px 12px;border:0;border-radius:20px;background:transparent;color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer}.stab svg{width:24px;height:24px}.stab:hover{background:var(--surface-2);color:var(--text)}.stab[aria-pressed=true]{background:linear-gradient(135deg,#e8467c,#b24ef0);color:#fff}@media (max-width: 999px){.stabs{position:sticky;bottom:10px;z-index:6}}
