.app-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 2rem;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:#0b0b0ee6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10}.app-header__brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:inherit}.app-header__logo{height:24px;width:auto}.app-header__title{color:#f6f6f8}.app-header__beta{color:#6c6c6c;font-size:12px;margin:-4px 0 0 -6px}.app-header__actions{display:inline-flex;align-items:center;gap:1rem;margin-left:auto}.app-header__button{background:#6366f133;border:1px solid rgba(99,102,241,.45);border-radius:999px;color:#f9f9fb;padding:0 1.2rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease;min-height:42px;display:inline-flex;align-items:center;justify-content:center}.app-header__button:hover{background:#6366f159;border-color:#818cf8cc}.app-header__menu{position:relative;display:inline-flex;align-items:center}.app-header__menu-trigger{border:none;background:transparent;padding:0;cursor:pointer;width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #ffffff1f;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.app-header__menu-trigger:hover,.app-header__menu.is-open .app-header__menu-trigger{box-shadow:0 0 0 2px #818cf88c;transform:translateY(-1px)}.app-header__avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.app-header__avatar--fallback{display:inline-flex;align-items:center;justify-content:center;background:#818cf840;color:#ffffffe6;font-weight:600;letter-spacing:.05em;font-size:1rem}.app-header__dropdown{position:absolute;top:calc(100% + .75rem);right:0;min-width:220px;background:#0d0d12f2;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 48px #00000080;padding:.6rem;display:flex;flex-direction:column;gap:.25rem;z-index:20}.app-header__menu-item{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;border-radius:12px;color:#ffffffc7;text-decoration:none;font-weight:500;transition:background .2s ease,color .2s ease;border:none;background:transparent;text-align:left;cursor:pointer}.app-header__menu-item:hover,.app-header__menu-item.is-active{background:#818cf829;color:#f8f8fb}.app-header__menu-item--danger{color:#ff6384d9}.app-header__menu-item--danger:hover{background:#ff63842e;color:#ffe3e9}.app-header__menu-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;color:inherit}@media (max-width: 820px){.app-header{flex-wrap:wrap;gap:1rem}.app-header__actions{width:100%;justify-content:flex-end}}.footer{background:#141418;border-top:1px solid rgba(255,255,255,.08);margin-top:auto;padding:2rem 0 1rem}.footer__content{max-width:1200px;margin:0 auto;padding:0 2rem}.footer__main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer__brand-logo{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:.5rem}.footer__logo{height:24px;width:auto}.footer__brand h3{font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f6f6f8;margin:0;font-size:1rem}.footer__brand p{color:#fff9;margin:0;font-size:.9rem}.footer__nav h4,.footer__social h4{font-size:1rem;font-weight:600;color:#f6f6f8;margin:0 0 1rem}.footer__nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer__nav a{color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer__nav a:hover{color:#f6f6f8}.footer__social-links{display:flex;flex-direction:column;gap:.75rem}.footer__social-links a{color:#ffffffb3;text-decoration:none;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:color .2s ease}.footer__social-links a:hover{color:#f6f6f8}.footer__social-links svg{font-size:1rem}.footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:1rem;text-align:center}.footer__bottom p{color:#fff9;margin:0;font-size:.9rem}.footer__bottom a{color:#fffc;text-decoration:none;transition:color .2s ease}.footer__bottom a:hover{color:#f6f6f8}@media (max-width: 768px){.footer__main{grid-template-columns:1fr;gap:1.5rem;text-align:center}.footer__nav ul{flex-direction:row;justify-content:center;gap:1rem}.footer__social-links{flex-direction:row;justify-content:center}.footer__content{padding:0 1rem}}@media (max-width: 480px){.footer{padding:1.5rem 0 1rem}.footer__nav ul,.footer__social-links{flex-direction:column;gap:.5rem}}.layout{display:flex;flex-direction:column;min-height:100vh}.layout__content{flex:1;width:min(1200px,95%);margin:2.5rem auto;padding-bottom:3rem;display:flex;flex-direction:column}.layout__content--full{width:100%;max-width:none;margin:0;padding:0}@media (max-width: 840px){.layout__content{width:92%}}.service-badge{display:inline-flex;align-items:center;gap:.5rem;font-weight:600}.service-badge__icon{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;color:#0b0b0e;text-transform:uppercase}.service-badge__label{color:#ffffffd9}@keyframes message-item-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}.message-item--fading{animation:message-item-fade-out 1s ease forwards}.message-item--faded{opacity:0;pointer-events:none}.message-item{display:flex;flex-direction:column;gap:.55rem;padding:.9rem 1.1rem;border-radius:14px;background:#00000059;border:1px solid rgba(255,255,255,.08)}.message-item--compact{gap:.3rem;padding:.35rem 0 .35rem .35rem;border-radius:0;background:none;border:none;position:relative}.message-item.is-highlight{border-color:#ffdf5da6}.message-item--compact.is-highlight{border:none}.message-item--compact.is-highlight:before{content:"";position:absolute;top:0;bottom:0;left:-.4rem;width:3px;border-radius:999px;background:currentColor;opacity:.9;pointer-events:none}.message-item__header{display:flex;justify-content:flex-start;align-items:center;gap:.75rem}.message-item--compact .message-item__header{gap:.45rem}.message-item__meta{display:inline-flex;align-items:center;gap:.55rem;min-width:0}.message-item--compact .message-item__meta{gap:.35rem}.message-item__service{display:inline-flex;flex-shrink:0}.message-item__avatar{border-radius:50%;object-fit:cover;flex-shrink:0}.message-item__identity{display:inline-flex;align-items:baseline;gap:.4rem;flex-wrap:wrap;min-width:0;word-break:break-word;overflow-wrap:break-word}.message-item__display-name{font-weight:600;word-break:break-word;overflow-wrap:break-word}.message-item__username{color:#ffffff8c;word-break:break-word;overflow-wrap:break-word}.message-item__timestamp{color:#ffffff73}.message-item__user-badges{display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0}.message-item__user-badge{border-radius:4px;object-fit:contain;flex-shrink:0}.message-item__content{line-height:1.45;word-break:break-word}.message-item--compact .message-item__content{line-height:1.3}.message-item__text{white-space:pre-wrap}.message-item__emote,.message-item__sticker{height:28px;width:28px;object-fit:contain;vertical-align:middle;margin:0 .2rem}.message-item__gift-image{display:inline-flex;border-radius:6px;flex-shrink:0;margin-right:.4rem;vertical-align:middle}.message-list{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;border-radius:14px;border:1px solid rgba(255,255,255,.08);flex:1;overflow-y:auto}.message-list--compact{gap:.35rem;padding:.85rem 1rem;border-radius:14px}.message-list__empty{text-align:center;padding:2rem 0;color:#ffffff8c}.live-preview__viewers{position:absolute;top:.65rem;right:.75rem;display:flex;align-items:center;gap:.45rem}.live-preview__viewer-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .6rem;border-radius:999px;background:#000000e6;border:1px solid rgba(255,255,255,.25);font-size:.85rem;color:#ffffffe0;letter-spacing:.01em}.live-preview__viewer-pill img{width:16px;height:16px}.home{display:flex;flex-direction:column;gap:4rem;padding-bottom:4rem}.home__hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;align-items:center;background:#0c0c12b3;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:3rem;box-shadow:0 40px 80px #00000073}.home__hero-copy{display:flex;flex-direction:column;gap:1.5rem}.home__hero h1{margin:0;font-size:clamp(2.25rem,4vw,3.25rem);line-height:1.1}.home__hero p{margin:0;color:#ffffffbf;font-size:1.05rem;line-height:1.5rem}.home__hero-cta{display:flex;flex-wrap:wrap;gap:1rem}.home__cta{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.75rem 1.5rem;border:1px solid rgba(129,140,248,.35);color:#f6f6f8;font-weight:600;background:#818cf82e;transition:transform .2s ease,border-color .2s ease,background .2s ease}.home__cta--primary{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:#6366f199}.home__cta:hover{transform:translateY(-2px);border-color:#818cf8a6}.home__platform-list{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.home__platform-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-weight:600}.home__platform-pill img{width:20px;height:20px}.home__platform-coming{color:#ffffff8c;font-size:.95rem}.home__hero-preview .message-list{max-height:420px}.home__features{display:flex;flex-direction:column;gap:2rem}.home__features h2{margin:0;font-size:2rem}.home__feature-grid{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.home__feature-card{padding:1.6rem;border-radius:18px;background:#00000052;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #00000059}.home__feature-card h3{margin:0 0 .75rem}.home__feature-card p{margin:0;color:#ffffffad}.home__explainers{display:grid;gap:1.8rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.home__explain-card{padding:2rem;border-radius:20px;background:#0c0c12a6;border:1px solid rgba(255,255,255,.08)}.home__explain-card h3{margin:0 0 .75rem}.home__explain-card p{margin:0;color:#ffffffad}.home__cta-strip{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between;padding:2.5rem;border-radius:24px;background:linear-gradient(120deg,#6366f138,#a855f733);border:1px solid rgba(129,140,248,.28)}.home__cta-strip h2{margin:0 0 .4rem}.home__cta-strip p{margin:0;color:#ffffffb3}.home__cta-strip-actions{display:flex;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.home__hero{padding:2.25rem}}.toggle{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:stretch;padding:.75rem 1rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.toggle__control{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.4rem;padding-top:.35rem}.toggle__input{appearance:none;width:46px;height:26px;background:#ffffff26;border-radius:999px;position:relative;cursor:pointer;border:1px solid rgba(255,255,255,.18);transition:background .2s ease,border-color .2s ease}.toggle__input:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transform:translate(0);transition:transform .2s ease}.toggle__input:checked{background:#818cf859;border-color:#818cf88c}.toggle__input:checked:after{transform:translate(20px)}.toggle__input:focus-visible{outline:none;box-shadow:0 0 0 2px #4f46e5a6}.toggle__slider{display:none}.toggle__content{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.toggle__icon{font-size:1.4rem;color:#ffffffbf;line-height:1}.toggle__label{font-weight:600}.toggle__description{color:#fff9;font-size:.9rem}.text-input{display:flex;flex-direction:column;gap:.45rem;padding:1rem 1.2rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.text-input__label{font-weight:600}.text-input__description{font-size:.9rem;color:#fff9}.text-input__field{background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.65rem .85rem;color:inherit}.text-input__field:focus{border-color:#818cf88c;box-shadow:0 0 0 2px #818cf81f;outline:none}.text-input.is-invalid .text-input__label,.text-input.is-invalid .text-input__description{color:#ff8c8cd9}.text-input.is-invalid .text-input__field{border-color:#ff7878bf;background:#ff4d4d14}.text-input.is-invalid .text-input__field:focus{border-color:#ff8c8ce6;box-shadow:0 0 0 2px #ff78782e}.number-input{display:flex;flex-direction:column;gap:.45rem;padding:1rem 1.2rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.number-input__label{font-weight:600}.number-input__description{font-size:.9rem;color:#fff9}.number-input__field{background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.65rem .85rem;color:inherit}.number-input__field:focus{border-color:#818cf88c;box-shadow:0 0 0 2px #818cf81f;outline:none}.color-input{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.2rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.color-input__meta{display:flex;flex-direction:column;gap:.35rem}.color-input__label{font-weight:600}.color-input__description{font-size:.9rem;color:#fff9}.color-input__controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.color-input--simple{flex-direction:row;align-items:center;gap:1.25rem}.color-input--simple .color-input__meta{order:2;flex:1;gap:.25rem}.color-input--simple .color-input__controls{order:1;flex:0 0 auto;gap:.5rem;flex-wrap:nowrap}.color-input__swatch{position:relative;width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid transparent;background-size:24px 24px;background-position:center}.color-input__swatch-overlay{position:absolute;inset:0;border-radius:inherit;z-index:0;pointer-events:none}.color-input__swatch-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.15rem;opacity:.65;z-index:1;pointer-events:none}.color-input__field{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.color-input__opacity{display:flex;align-items:center;gap:.6rem;min-width:0;flex:1;flex-wrap:nowrap}.color-input__opacity-label{font-size:.85rem;font-weight:600;color:#ffffffbf;white-space:nowrap}.color-input__opacity-slider{appearance:none;flex:1;width:100%;height:6px;border-radius:999px;background:#ffffff26;outline:none;cursor:pointer}.color-input__opacity-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#ffffffd9;border:1px solid rgba(0,0,0,.4);transition:transform .15s ease}.color-input__opacity-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#ffffffd9;border:1px solid rgba(0,0,0,.4);transition:transform .15s ease}.color-input__opacity-slider:active::-webkit-slider-thumb,.color-input__opacity-slider:active::-moz-range-thumb{transform:scale(1.1)}.color-input__opacity-value{font-size:.85rem;font-weight:600;color:#ffffffbf;width:3rem;text-align:right;white-space:nowrap}.range-input{display:flex;flex-direction:column;gap:.45rem;padding:1rem 1.2rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.range-input__header{display:flex;justify-content:space-between;align-items:center}.range-input__label{font-weight:600}.range-input__value{font-size:.85rem;color:#ffffff8c}.range-input__description{font-size:.9rem;color:#fff9}.range-input__field{accent-color:#818cf8}.select-input{display:flex;flex-direction:column;gap:.45rem;padding:1rem 1.2rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.select-input__label{font-weight:600}.select-input__description{font-size:.9rem;color:#fff9}.select-input__field{background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.65rem 2.5rem .65rem .85rem;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml,%3Csvg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 1L6 6L11 1" stroke="%23f6f6f8" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right .9rem center;background-size:12px 8px}.select-input__field:focus{border-color:#818cf88c;box-shadow:0 0 0 2px #818cf81f;outline:none}.select-input__field::-ms-expand{display:none}.ui-button{--ui-button-bg: rgba(99, 102, 241, .14);--ui-button-border: rgba(129, 140, 248, .35);--ui-button-color: #f9f9fb;--ui-button-hover-bg: rgba(129, 140, 248, .25);--ui-button-hover-border: rgba(129, 140, 248, .55);align-items:center;background:var(--ui-button-bg);border:1px solid var(--ui-button-border);border-radius:12px;color:var(--ui-button-color);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.6rem 1.15rem;transition:background .18s ease,border-color .18s ease,transform .18s ease}.ui-button:hover:not(:disabled){background:var(--ui-button-hover-bg);border-color:var(--ui-button-hover-border);transform:translateY(-1px)}.ui-button:active:not(:disabled){transform:translateY(0)}.ui-button:disabled{opacity:.55;cursor:not-allowed}.ui-button--secondary{--ui-button-bg: rgba(255, 255, 255, .06);--ui-button-border: rgba(255, 255, 255, .12);--ui-button-hover-bg: rgba(255, 255, 255, .12);--ui-button-hover-border: rgba(255, 255, 255, .25)}.ui-button--ghost{--ui-button-bg: transparent;--ui-button-border: rgba(255, 255, 255, .18);--ui-button-hover-bg: rgba(255, 255, 255, .08);--ui-button-hover-border: rgba(255, 255, 255, .35)}.ui-button--full{display:flex;width:100%}.ui-button--loading{cursor:progress}.ui-button__spinner{animation:ui-button-spin .8s linear infinite}@keyframes ui-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ui-button__icon{display:inline-flex;align-items:center;font-size:1rem}.ui-button__label{line-height:1}.wizard{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}.wizard__container{max-width:600px;width:100%;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2.5rem;box-shadow:0 20px 60px #0006}.wizard__progress{display:flex;justify-content:space-between;margin-bottom:3rem;position:relative}.wizard__progress:before{content:"";position:absolute;top:20px;left:20px;right:20px;height:2px;background:#ffffff1a;z-index:1}.wizard__progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:2}.wizard__progress-step span:first-child{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff9;transition:all .3s ease}.wizard__progress-step.active span:first-child{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#8b5cf6;color:#fff;box-shadow:0 4px 20px #6366f166}.wizard__progress-step.completed span:first-child{background:#10b981;border-color:#10b981;color:#fff}.wizard__progress-step span:last-child{font-size:.9rem;color:#fff9;font-weight:500}.wizard__progress-step.active span:last-child{color:#8b5cf6}.wizard__progress-step.completed span:last-child{color:#10b981}.wizard__step{margin-bottom:2.5rem}.wizard__step-header{text-align:center;margin-bottom:2rem}.wizard__step-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;font-size:1.5rem;color:#fff;margin-bottom:1rem;box-shadow:0 8px 25px #6366f14d}.wizard__step-icon--success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 25px #10b9814d}.wizard__step-header h2{font-size:1.75rem;font-weight:700;color:#f8fafc;margin-bottom:.5rem}.wizard__step-header p{font-size:1rem;color:#ffffffb3;margin:0}.wizard__platforms{display:flex;flex-direction:column;gap:1.5rem}.wizard__platform{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;transition:border-color .2s ease}.wizard__platform:hover{border-color:#ffffff1f}.wizard__platform-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.wizard__platform-info{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#f8fafc}.wizard__platform-icon{font-size:1.25rem}.wizard__platform-icon--twitch{color:#9146ff}.wizard__platform-icon--tiktok{color:#ff0050}.wizard__platform-icon--youtube{color:red}.wizard__step--complete{text-align:center}.wizard__summary{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;margin-top:1.5rem}.wizard__summary h3{font-size:1.1rem;font-weight:600;color:#f8fafc;margin-bottom:1rem}.wizard__summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.wizard__summary-item:last-child{border-bottom:none}.wizard__summary-item span:first-child{color:#ffffffb3;font-weight:500}.wizard__summary-item span:last-child{color:#f8fafc;font-weight:600}.wizard__actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08)}@media (max-width: 640px){.wizard{padding:1rem}.wizard__container{padding:2rem}.wizard__progress{margin-bottom:2rem}.wizard__progress-step span:last-child{font-size:.8rem}.wizard__step-header h2{font-size:1.5rem}.wizard__actions{flex-direction:column;gap:1rem}.wizard__actions button{width:100%}}@media (max-width: 480px){.wizard__progress-step span:last-child{display:none}.wizard__platform-header{flex-direction:column;align-items:flex-start;gap:1rem}}.onboarding{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0f0f0f)}.onboarding__container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;width:100%;align-items:center}.onboarding__content{display:flex;flex-direction:column;gap:2.5rem}.onboarding__welcome{text-align:center}.onboarding__icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;font-size:2rem;color:#fff;margin-bottom:1.5rem;box-shadow:0 10px 30px #6366f14d}.onboarding__welcome h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#f8fafc,#e2e8f0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.onboarding__subtitle{font-size:1.1rem;color:#fffc;line-height:1.6;max-width:500px;margin:0 auto}.onboarding__form{display:flex;flex-direction:column;gap:1.5rem}.onboarding__create-btn{align-self:flex-start;font-size:1.1rem;padding:.75rem 2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;box-shadow:0 4px 20px #6366f166}.onboarding__create-btn:hover:not(:disabled){background:linear-gradient(135deg,#5855eb,#7c3aed);box-shadow:0 6px 25px #6366f180}.onboarding__features{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.onboarding__feature{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.onboarding__feature-icon{font-size:1.5rem;color:#8b5cf6;flex-shrink:0}.onboarding__feature h3{font-size:1rem;font-weight:600;color:#f8fafc;margin:0 0 .25rem}.onboarding__feature p{font-size:.9rem;color:#fff9;margin:0}.onboarding__preview{display:flex;flex-direction:column;gap:1rem}.onboarding__preview-label{display:flex;flex-direction:column;gap:.25rem}.onboarding__preview-label span{font-size:1.1rem;font-weight:600;color:#f8fafc}.onboarding__preview-label small{font-size:.9rem;color:#fff9}.onboarding__preview-window{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem;box-shadow:0 10px 40px #0000004d}.onboarding__preview-window .message-list{max-height:360px;border:none;box-shadow:none}.onboarding__creating{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;padding:4rem 2rem}.onboarding__spinner{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;font-size:2rem;color:#fff;animation:spin 2s linear infinite;box-shadow:0 10px 30px #6366f14d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.onboarding__creating h2{font-size:2rem;font-weight:700;color:#f8fafc;margin:0}.onboarding__creating p{font-size:1.1rem;color:#ffffffb3;margin:0}@media (max-width: 768px){.onboarding__container{grid-template-columns:1fr;gap:3rem}.onboarding__welcome h1{font-size:2rem}.onboarding__features{grid-template-columns:1fr}.onboarding{padding:1rem}}@media (max-width: 480px){.onboarding__welcome h1{font-size:1.75rem}.onboarding__subtitle{font-size:1rem}.onboarding__feature{flex-direction:column;text-align:center;gap:.75rem}}.options-section{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:2rem;display:flex;flex-direction:column;gap:1.75rem;box-shadow:0 0 10px #00000073}.options-section__header{display:flex;align-items:flex-start;gap:1rem}.options-section__icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#818cf833;border:1px solid rgba(129,140,248,.35);font-size:1.1rem;color:#c4cbfff2}.options-section__header h2{margin:0;font-size:1.35rem}.options-section__header p{margin:.35rem 0 0;color:#fff9}.options-section[id]{scroll-margin-top:120px}.options-subsection{display:flex;flex-direction:column;gap:1rem;padding:1.4rem;border-radius:16px;background:#00000059;border:1px solid rgba(255,255,255,.07)}.options-subsection__header{display:flex;gap:.75rem;align-items:flex-start;color:#d4ddffd9}.options-subsection__header h3{margin:0}.options-subsection__header p{margin:.35rem 0 0;color:#ffffff8c;font-size:.9rem}.options-subsection__header svg{font-size:1.1rem;margin-top:.2rem}.dashboard-sidebar{position:sticky;top:72px;height:calc(100vh - 72px);align-self:start;background:#0b0b0d;border-right:1px solid rgba(255,255,255,.08);padding:2rem 1.75rem;display:flex;flex-direction:column;gap:1.5rem;border-radius:0;box-shadow:none;overflow-y:auto}.dashboard-sidebar__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.dashboard-sidebar__title{font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#ffffffb3}.dashboard-sidebar__close{border:none;background:none;color:#ffffff73;font-size:1.2rem;cursor:pointer;transition:color .2s ease;display:none}.dashboard-sidebar__close:hover{color:#ffffffd9}.dashboard-sidebar__nav{display:flex;flex-direction:column;gap:.6rem}.dashboard-sidebar__nav-group{display:flex;flex-direction:column;gap:0}.dashboard-sidebar__nav-link{display:inline-flex;align-items:center;gap:.7rem;padding:.7rem .85rem;border-radius:12px;background:#ffffff0f;border:1px solid transparent;color:#ffffffbf;font-weight:600;letter-spacing:.02em;transition:background .2s ease,border-color .2s ease,color .2s ease}.dashboard-sidebar__nav-link:hover{background:#818cf82e;border-color:#818cf873;color:#f6f6f8}.dashboard-sidebar__subnav{display:flex;flex-direction:column;gap:.35rem;margin-left:1.1rem;overflow:hidden;max-height:0;opacity:0;transform:translateY(-4px);pointer-events:none;transition:max-height .25s ease,opacity .2s ease,transform .2s ease}.dashboard-sidebar__subnav.is-open{max-height:420px;opacity:1;transform:translateY(0);pointer-events:auto;margin-top:.4rem}.dashboard-sidebar__nav-link--child{padding:.45rem .65rem;border-radius:10px;background:#ffffff0a;border-color:transparent;font-weight:500;font-size:.9rem;color:#ffffffad}.dashboard-sidebar__nav-link--child .dashboard-sidebar__nav-icon{font-size:.85rem}.dashboard-sidebar__nav-link--child.is-active{background:#818cf82e;border-color:#818cf873;color:#f6f6f8}.dashboard-sidebar__nav-link.is-active{background:#818cf838;border-color:#818cf899;color:#f6f6f8}.dashboard-sidebar__nav-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem}.dashboard-sidebar__backdrop{display:none}@media (max-width: 960px){.dashboard-sidebar{position:fixed;top:0;left:0;bottom:0;width:min(80vw,320px);max-width:320px;border-radius:0;padding:2rem 1.75rem;transform:translate(-100%);transition:transform .25s ease;min-height:100vh;z-index:30}.dashboard-sidebar.is-open{transform:translate(0)}.dashboard-sidebar__close{display:inline-flex}.dashboard-sidebar__backdrop{display:block;position:fixed;inset:0;background:#00000073;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:25}.dashboard-sidebar__backdrop.is-visible{opacity:1;pointer-events:auto}}@keyframes skeletonShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-block{position:relative;overflow:hidden;height:1rem;width:100%;border-radius:10px;background:#ffffff14}.skeleton-block:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:skeletonShimmer 1.6s infinite}.skeleton-column{display:flex;flex-direction:column;gap:.85rem}.skeleton-inline{display:flex;gap:.8rem}.skeleton-inline .skeleton-block{flex:1}.skeleton-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.skeleton-preview{display:flex;flex-direction:column;gap:.75rem}.tooltip{position:relative;display:inline-flex;vertical-align:middle;text-transform:none}.tooltip__trigger{border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#ffffffe6;width:18px;height:18px;line-height:16px;border-radius:999px;font-size:.75rem;font-weight:800;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}.tooltip__trigger:hover{border-color:#818cf8bf}.tooltip__popover{position:absolute;z-index:50;min-width:240px;max-width:360px;background:#0f0f14fa;color:#f6f6f8;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 10px 30px #0009;padding:.6rem .75rem;text-transform:none}.tooltip[data-position=top] .tooltip__popover{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip[data-position=right] .tooltip__popover{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip[data-position=bottom] .tooltip__popover{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip[data-position=left] .tooltip__popover{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip__content{font-size:.85rem;line-height:1.3;color:#ffffffe6;text-transform:none}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#0b0b12f2;border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 24px 60px #00000073;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal--small{width:100%;max-width:400px}.modal--medium{width:100%;max-width:600px}.modal--large{width:100%;max-width:800px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05}.modal__title{font-size:1.25rem;font-weight:600;color:#f6f6f8;margin:0}.modal__close{background:none;border:none;color:#fff9;cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal__close:hover{background:#ffffff1a;color:#f6f6f8}.modal__content{padding:2rem;overflow-y:auto;flex:1}.confirm-modal{text-align:center}.confirm-modal__message{font-size:1rem;color:#fffc;margin-bottom:2rem;line-height:1.5}.confirm-modal__actions{display:flex;gap:1rem;justify-content:center}.confirm-modal__danger{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626}.confirm-modal__danger:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);border-color:#b91c1c}@media (max-width: 640px){.modal-overlay{padding:.5rem}.modal__header{padding:1rem 1.5rem}.modal__content{padding:1.5rem}.confirm-modal__actions{flex-direction:column}.confirm-modal__actions button{width:100%}}.preset-toolbar{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:flex-start}.preset-toolbar__column{display:flex;flex-direction:column;gap:.75rem}.preset-toolbar__label{font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;color:#ffffff8c}.preset-toolbar__select-container{display:flex;flex-direction:column;gap:.6rem}.preset-toolbar__buttons{display:flex;gap:.5rem;flex-wrap:wrap}.preset-toolbar__limit{margin:0;font-size:.8rem;color:#ff8282cc}.preset-toolbar__column--share{display:flex;flex-direction:column;gap:.75rem}.preset-toolbar__share-row{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:.85rem}.preset-toolbar__share-input{flex:1;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffd9;font-size:.9rem;padding:.75rem 1rem;overflow:hidden;text-overflow:ellipsis;width:100%}.preset-toolbar__share-input:focus-visible{border-color:#818cf8bf;outline:none}.preset-toolbar__share-actions{display:flex;gap:.5rem}.preset-modal{display:flex;flex-direction:column;gap:1.5rem}.preset-modal__actions{display:flex;gap:.75rem;justify-content:flex-end}.options{display:flex;flex-direction:column;gap:2rem}.options__explore-placeholder{display:flex;align-items:center;justify-content:center;padding:4rem 1.5rem;min-height:60vh}.options__explore-card{max-width:520px;width:100%;text-align:center;padding:2.5rem 2rem;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:1rem}.options__explore-card h1{margin:0;font-size:1.9rem}.options__explore-card p{margin:0;color:#ffffffbf}.options__explore-error{color:#f87171f2;font-weight:500}.options__auth-redirect{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.1rem;font-weight:600;color:#ffffffd9;padding:2rem 1.5rem}.options__header{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start}.options__header h1{margin:0 0 .5rem;font-size:2.2rem}.options__header p{margin:0;color:#ffffffa6}.options__actions{display:flex;gap:.75rem}.options__alert{padding:.85rem 1.2rem;border-radius:12px;font-weight:500}.options__alert--error{background:#ef444426;border:1px solid rgba(239,68,68,.5)}.options__alert--success{background:#22c55e26;border:1px solid rgba(34,197,94,.45)}.options__alignment-group{display:flex;flex-direction:column;gap:.6rem}.options__alignment-label{font-weight:600}.options__alignment-buttons{display:flex;gap:.5rem;width:100%}.options__alignment-button{flex:1 1 33.333%;justify-content:center;text-align:center;min-width:0}.options__alignment-button.is-active{background:#818cf838;border-color:#818cf899;color:#f4f6fff2;box-shadow:0 0 0 1px #818cf833}.options__alignment-button.is-active:hover{background:#818cf847;border-color:#818cf8bf}.options__service-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.options__card{display:flex;flex-direction:column;gap:1rem;padding:1.4rem;border-radius:18px;background:#0a0a0fa6;border:1px solid rgba(255,255,255,.08)}.options__card-header{display:flex;align-items:center;gap:.65rem;margin-bottom:.25rem}.options__card-header h3{margin:0}.options__card-icon{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;color:#ffffffe6;font-size:1rem}.options__appearance{display:flex;gap:1.6rem;flex-wrap:wrap}.options__appearance-columns{flex:1 1 420px;display:grid;gap:1.4rem}.options__density-picker{display:flex;flex-direction:column;gap:.75rem}.options__density-label{font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:#ffffff94}.options__density-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.options__density-card{display:flex;gap:.75rem;align-items:flex-start;background:#0f0f16a6;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:.95rem 1.1rem;color:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.options__density-card:hover{border-color:#818cf866}.options__density-card.is-active{border-color:#818cf8bf;background:#242542a6;box-shadow:0 0 0 1px #818cf833}.options__density-card strong{display:block;font-size:1rem;margin-bottom:.2rem}.options__density-card p{margin:0;color:#fff9;font-size:.9rem}.options__density-card:focus-visible{outline:none;border-color:#818cf8d9;box-shadow:0 0 0 2px #818cf859}.options__density-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#818cf82e;border:1px solid rgba(129,140,248,.3);color:#c4cbfff2;flex-shrink:0;font-size:1rem}.options__density-main{display:flex;flex-direction:column;gap:.4rem;flex:1}.options__density-preview{display:grid;gap:.35rem;padding-top:.2rem}.options__density-preview span{display:block;height:10px;border-radius:999px;background:#fff3}.options__density-preview--comfortable span{height:14px;border-radius:999px}.options__density-preview--compact span{height:8px;border-radius:4px;background:#ffffff52}.options__inline-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.options__color-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;align-items:stretch}.options__highlight-controls{display:flex;flex-direction:column;gap:1rem}.options__collapse-trigger{margin-top:.5rem;display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:#fffc;font-weight:600;cursor:pointer;padding:.75rem;border-radius:12px;font-size:.95rem;transition:background .25s ease,color .25s ease}.options__collapse-label{display:inline-flex;align-items:center;gap:.5rem}.options__collapse-count{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:#818cf829;color:#b3bcffeb}.options__collapse-icon{transition:transform .2s ease}.options__collapse-trigger.is-open .options__collapse-icon{transform:rotate(180deg)}.options__collapse-trigger.is-open{background:#ffffff0d}.options__collapse-trigger.is-pulsing{background:#818cf814;position:relative;overflow:hidden}.options__collapse-trigger.is-pulsing:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(242 255 136 / 10%),transparent);transform:translate(-100%);animation:highlightSweep 3s ease infinite}@keyframes highlightSweep{0%{transform:translate(-100%);opacity:0}10%{opacity:1}40%{transform:translate(100%);opacity:1}50%{opacity:0}to{transform:translate(100%);opacity:0}}.options__highlight-advanced{margin-top:.85rem;display:flex;flex-direction:column;gap:.75rem}.options__highlight-advanced-description{margin:0;font-size:.88rem;color:#ffffff9e}.options__highlight-advanced-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.options__highlight-advanced.is-disabled{opacity:.55;pointer-events:none}.options__inline-switches{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.options__behavior{display:flex;flex-direction:column;gap:1.1rem}.options__behavior-intro h3{margin:0;font-size:1.05rem}.options__behavior-intro p{margin:.35rem 0 0;color:#fff9}.options__filter-sections{display:flex;flex-direction:column;gap:1.4rem}.options__filter-section{display:flex;flex-direction:column;gap:.9rem}.options__filter-heading{display:flex;gap:.85rem;align-items:flex-start}.options__filter-heading h4{margin:0;font-size:1rem}.options__filter-heading p{margin:.25rem 0 0;color:#fff9;font-size:.9rem}.options__filter-heading-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#ffffff14}.options__filter-heading-icon-wrapper svg{font-size:1.2rem;color:#fffc}.options__filter-heading-icon{width:20px;height:20px;display:block}.options__filter-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.message-filter{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.05rem 1.1rem;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:inherit;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.message-filter:hover{transform:translateY(-2px);background:#818cf824;border-color:#818cf859}.message-filter.is-active{background:#818cf838;border-color:#818cf899}.message-filter.is-locked,.message-filter:disabled{cursor:not-allowed;opacity:.55;transform:none;background:#ffffff14;border-color:#ffffff1f}.message-filter.is-locked:hover,.message-filter:disabled:hover{transform:none;background:#ffffff14;border-color:#ffffff1f}.message-filter:focus-visible{outline:2px solid rgba(129,140,248,.8);outline-offset:2px}.message-filter__label{font-weight:600}.message-filter__description{color:#ffffff9e;font-size:.9rem}.options__preview-card{flex:1 1 360px;display:flex;flex-direction:column;gap:1rem;padding:1.6rem;border-radius:18px;background:#0c0c12bf;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px #ffffff0a;position:sticky;top:96px;align-self:flex-start}options__preview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.9rem}.options__preview-heading{display:flex;flex-direction:column;gap:.35rem}.options__preview-heading h3{margin:0;font-size:1.15rem}.options__preview-heading p{margin:0;color:#fff9}.options__theme-panel{margin-top:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.8rem;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .24s ease,opacity .24s ease,margin-top .24s ease}.options__theme-panel.is-visible{margin-top:.75rem;max-height:999px;opacity:1;pointer-events:auto}.options__theme-card{border:none;border-radius:16px;padding:1.2rem .6rem;font-weight:600;text-align:center;text-transform:capitalize;letter-spacing:.02em;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff14;border:1px solid rgba(255,255,255,.14);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;font-family:inherit;color:inherit;background:none}.options__theme-card:hover{transform:translateY(-1px)}.options__theme-card.is-active{border-color:#818cf8d9;box-shadow:0 12px 32px #00000073}.options__theme-card:focus-visible{outline:2px solid rgba(129,140,248,.9);outline-offset:2px}.options__preview-window{border-radius:16px;border:1px solid rgba(255,255,255,.06);overflow:hidden;background-color:#0006;background-clip:padding-box;background-origin:padding-box;position:relative;padding-top:0;transition:padding .25s ease}.options__preview-window.has-shadow-padding{padding:1rem}.options__preview-window .message-list{max-height:360px;border:none;box-shadow:none}.options__grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.options__grid--small{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dashboard{display:grid;grid-template-columns:280px minmax(0,1fr);width:100%;column-gap:0}.dashboard__main{display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem;position:relative}.dashboard__main--save-visible{padding-bottom:6.5rem}.dashboard__mobile-toggle{display:none;align-self:flex-end;align-items:center;gap:.55rem;padding:.55rem .95rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#fffc;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .2s ease,border-color .2s ease}.dashboard__mobile-toggle:hover{background:#ffffff1f;border-color:#ffffff40}.dashboard__mobile-toggle svg{font-size:1.05rem}@media (max-width: 960px){.options__header{flex-direction:column}.options__actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.options__appearance{flex-direction:column}.options__preview-card{order:-1;position:static;max-height:none}.dashboard{display:flex;flex-direction:column;padding:1.75rem 0 2.5rem;gap:1.5rem}.dashboard__mobile-toggle{display:inline-flex}.dashboard__main{padding:2.3rem 1.6rem 0}.dashboard__main--save-controls-visible{padding-bottom:5.5rem}.options__filter-grid{grid-template-columns:minmax(0,1fr)}}.options__preview-button{flex-shrink:0}.options__preview-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.checkbox{display:flex;gap:.65rem;align-items:flex-start;padding:.35rem 0;cursor:pointer;color:#f4f4f8eb}.checkbox:hover .checkbox__box{border-color:#818cf88c}.checkbox__input-wrapper{position:relative;width:20px;height:20px;flex-shrink:0;margin-top:.25rem}.checkbox__input{opacity:0;position:absolute;inset:0;margin:0}.checkbox__box{position:absolute;inset:0;border-radius:6px;border:1px solid rgba(255,255,255,.35);background:#ffffff0f;transition:background .2s ease,border-color .2s ease,color .2s ease}.checkbox__input:checked+.checkbox__box{background:#818cf8d9;border-color:#818cf8f2}.checkbox__input:focus-visible+.checkbox__box{outline:2px solid rgba(129,140,248,.85);outline-offset:2px}.checkbox__box:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-size:.9rem;color:#0a0a0ff2;opacity:0;transform:scale(.7);transition:opacity .2s ease,transform .2s ease}.checkbox__input:checked+.checkbox__box:after{opacity:1;transform:scale(1)}.checkbox__content{display:flex;flex-direction:column;gap:.2rem}.checkbox__label{font-weight:600;font-size:.95rem}.checkbox__description{font-size:.82rem;color:#ffffff8c}.checkbox.is-disabled{opacity:.5;pointer-events:none}.shadow-selector{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.2rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.shadow-selector__header{display:flex;flex-direction:column;gap:.35rem}.shadow-selector__label{font-weight:600;font-size:1rem}.shadow-selector__description{font-size:.9rem;color:#fff9}.shadow-selector__controls{display:flex;align-items:stretch;gap:1rem;flex-wrap:nowrap}.shadow-selector__color-wrapper{display:flex;align-items:center;gap:.6rem}.shadow-selector__slider-wrapper{display:flex;align-items:center;gap:.6rem;flex:1;min-width:140px}.shadow-selector__slider-stack{display:flex;flex-direction:column;gap:.75rem;flex:1;min-width:140px}.shadow-selector__offset-wrapper{display:flex;align-items:center}.shadow-selector__offset-column{display:flex;flex-direction:column;align-items:center;gap:.35rem}.shadow-selector__sublabel{font-size:.85rem;font-weight:600;color:#ffffffbf;white-space:nowrap}.shadow-selector__value{font-size:.85rem;font-weight:600;color:#ffffffbf;min-width:2.5rem;text-align:right}.shadow-selector__offset-value{font-size:.75rem;font-weight:600;color:#fff9;text-align:center}.shadow-selector__swatch{position:relative;width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid transparent;background-size:24px 24px;background-position:center;cursor:pointer}.shadow-selector__swatch-overlay{position:absolute;inset:0;border-radius:inherit;z-index:0;pointer-events:none}.shadow-selector__swatch-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.15rem;opacity:.65;z-index:1;pointer-events:none}.shadow-selector__color-field{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.shadow-selector__pad{position:relative;width:60px;height:60px;background:#ffffff0d;border:2px solid rgba(255,255,255,.15);border-radius:8px;cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none}.shadow-selector__pad:hover{border-color:#ffffff40}.shadow-selector__pad.is-dragging{border-color:#fff6}.shadow-selector__pad-crosshair{position:absolute;inset:0;pointer-events:none}.shadow-selector__pad-crosshair:before,.shadow-selector__pad-crosshair:after{content:"";position:absolute;background:#ffffff26}.shadow-selector__pad-crosshair:before{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}.shadow-selector__pad-crosshair:after{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.shadow-selector__pad-indicator{position:absolute;width:16px;height:16px;border-radius:50%;background:#ffffffe6;border:2px solid rgba(0,0,0,.5);transform:translate(-50%,-50%);pointer-events:none;transition:transform .1s ease;box-shadow:0 2px 8px #0000004d}.shadow-selector__pad.is-dragging .shadow-selector__pad-indicator{transform:translate(-50%,-50%) scale(1.2)}.shadow-selector__slider{appearance:none;flex:1;width:100%;height:6px;border-radius:999px;background:#ffffff26;outline:none;cursor:pointer}.shadow-selector__slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#ffffffd9;border:1px solid rgba(0,0,0,.4);transition:transform .15s ease;cursor:pointer}.shadow-selector__slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#ffffffd9;border:1px solid rgba(0,0,0,.4);transition:transform .15s ease;cursor:pointer}.shadow-selector__slider:active::-webkit-slider-thumb,.shadow-selector__slider:active::-moz-range-thumb{transform:scale(1.1)}.save-controls__toast-wrapper{position:sticky;bottom:5.5rem;z-index:20;display:flex;justify-content:center;pointer-events:none;width:100%;padding:0 1.5rem;margin-bottom:.75rem}.save-controls__toast{pointer-events:auto;display:inline-flex;align-items:center;gap:1rem;padding:.9rem 1.4rem;border-radius:18px;background:#111827d9;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 34px #080a0f73;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:min(760px,100%);margin-bottom:1rem}.save-controls__toast-message{font-weight:600;font-size:.95rem;color:#ffffffeb}.save-controls__toast--error{background:#f8717138;border-color:#f8717180}.save-controls__toast--error .save-controls__toast-message{color:#ffe6e6f2}.save-controls__toast--error .ui-button{color:#ffe6e6e0}.save-controls__toast--success{background:#22c55e2e;border-color:#22c55e73}.save-controls__toast--success .save-controls__toast-message{color:#e2ffeff2}.save-controls__save-bar-wrapper{position:sticky;bottom:1.5rem;z-index:15;display:flex;justify-content:center;pointer-events:none;width:100%;padding:0 1.5rem}.save-controls__save-bar{pointer-events:auto;display:inline-flex;align-items:center;gap:1.25rem;padding:.85rem 1.5rem;border-radius:999px;background:#0c0f18e0;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 36px #080a0f66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.save-controls__save-bar-message{font-weight:600;font-size:.95rem;color:#ffffffdb;text-align:center}@media (max-width: 960px){.save-controls__save-bar-wrapper{padding:0 1rem}.save-controls__save-bar{flex-direction:column;align-items:stretch;gap:.85rem;padding:1rem 1.25rem;border-radius:18px}.save-controls__save-bar-button,.save-controls__save-bar-button--saving{min-width:0;width:100%}.save-controls__toast-wrapper{padding:0 1rem;bottom:7.5rem}.save-controls__toast{padding:1rem 1.25rem;border-radius:18px;max-width:100%}}.manage-platforms__stack{display:flex;flex-direction:column;gap:.75rem}.manage-platforms__hint{font-size:.85rem;color:#fff9;margin:0}.manage-platforms__error{font-size:.85rem;color:#fca5a5;margin:0}.manage-platforms__notice{font-size:.85rem;color:#fbbf24;margin:.25rem 0 0}.manage-platforms__linked{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.manage-platforms__linked-row{display:flex;align-items:center;gap:.75rem}.manage-platforms__linked-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.12);background:#ffffff0d}.manage-platforms__linked-details{display:flex;flex-direction:column;gap:.1rem}.manage-platforms__linked-details span{font-size:.85rem;color:#ffffffbf}.manage-platforms__linked-meta{font-size:.75rem;color:#ffffff8c}.manage-platforms__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;width:100%}.manage-platforms__link-field .manage-platforms__hint{margin-top:.5rem}.account{display:flex;flex-direction:column;gap:2rem;width:100%;padding:2.5rem 3rem 3.5rem}.account--loading,.account--unauthenticated{align-items:center;justify-content:center;padding:4rem 1.5rem}.account__loading-card,.account__empty{display:flex;flex-direction:column;align-items:center;gap:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:2.5rem 3rem;text-align:center}.account__empty h1{margin:0;font-size:2rem}.account__empty p{margin:0;color:#ffffffbf}.account__empty svg{font-size:2.5rem;color:#facc15e6}.account__header{display:flex;flex-direction:column;gap:.5rem}.account__header h1{margin:0;font-size:2.25rem;letter-spacing:.01em}.account__header p{margin:0;color:#ffffffb3;max-width:720px}.account__section{display:flex;flex-direction:column;gap:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:1.75rem}.account__section--danger{border-color:#ef444459;background:#ef444414}.account__section-top{display:flex;flex-direction:column;gap:.5rem}.account__section-title{margin:0;font-size:1.35rem}.account__section-top p{margin:0;color:#ffffffbf}.account__profile-card{display:flex;flex-direction:column;gap:1.5rem}.account__identity{display:flex;align-items:center;gap:1rem}.account__avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2);background:#ffffff0d}.account__avatar--fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:1.8rem;color:#ffffffd9}.account__identity-text{display:flex;flex-direction:column;gap:.3rem}.account__identity-name{font-size:1.4rem;font-weight:600}.account__identity-email{color:#ffffffb3;font-size:.95rem}.account__field{display:flex;flex-direction:column;gap:.35rem}.account__field-label{font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c}.account__field-value{border-radius:12px;border:1px solid rgba(255,255,255,.12);padding:.75rem 1rem;font-size:1rem;background:#ffffff0d;color:#ffffffe6}.account__danger-actions{display:flex;flex-wrap:wrap;gap:.75rem}.account__delete-button{border:1px solid rgba(239,68,68,.6);color:#ef4444f2;background:#ef44441f}.account__delete-button:hover{background:#ef444433;border-color:#ef4444cc}.account__error{margin:0;color:#f87171f2;font-weight:500}.account__error--modal{align-self:flex-start}.account__modal-body{display:flex;flex-direction:column;gap:1rem}.account__modal-warning{margin:0;color:#f87171f2;line-height:1.5}.account__modal-warning strong{font-weight:700}.account__confirm-input{width:100%;padding:.65rem .8rem;border-radius:10px;border:1px solid rgba(248,113,113,.5);background:#0f0f14d9;color:#fffffff2}.account__confirm-input:focus-visible{outline:none;border-color:#f87171e6;box-shadow:0 0 0 2px #f8717140}.account__modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.account__modal-delete{background:#ef4444e6;border:1px solid rgba(239,68,68,.95)}.account__modal-delete:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 960px){.account{padding:2.25rem 1.75rem 3rem}.account__identity{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.account{padding:2rem 1.25rem 2.75rem}.account__section{padding:1.35rem}}.breaking-version-message{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1.1rem;border-radius:12px;background:#6441a526;border:1px solid rgba(100,65,165,.35);color:#f8f7ff;font-size:.95rem;line-height:1.4}.breaking-version-message__icon{display:inline-flex;align-items:center;justify-content:center;width:50px;border-radius:50%;background:#6441a540;color:#facc15;font-size:1.15rem;padding:11px}.breaking-version-message__content{display:flex;flex-direction:column;gap:.25rem}.breaking-version-message__content strong{font-size:.95rem}.breaking-version-message__content span{color:#f8f7ffd9}.viewer-summary{display:inline-flex;align-items:center;gap:.75rem;padding:.45rem .75rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.viewer-summary__item{display:inline-flex;align-items:center;gap:.45rem;font-weight:600}.viewer-summary__count{font-variant-numeric:tabular-nums}.viewer-summary--empty{color:#ffffff8c}body{margin:0;background:transparent!important}html{background:transparent!important}.preset-viewer{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;background:transparent}.preset-viewer__counts{position:absolute;top:12px;right:16px;z-index:10}.preset-viewer__status{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:#050508;color:#ffffffbf;font-size:1.1rem;letter-spacing:.03em}.preset-viewer__status--error{color:#ff8fa3}.preset-viewer .message-list{flex:1;height:100%;border:none;box-shadow:none;background:transparent}.preset-viewer__breaking-message{margin:16px auto;max-width:360px}.oauth-callback{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#6441a540,#0c0c10eb 45%),radial-gradient(circle at 20% 20%,rgba(129,140,248,.15),transparent 60%),#0c0c10f5;color:#f6f6f8}.oauth-callback__body{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 2rem 4rem}.oauth-callback__card{max-width:440px;width:100%;padding:2.25rem 2.5rem;border-radius:24px;background:#181621eb;border:1px solid rgba(100,65,165,.35);box-shadow:0 22px 48px #00000073;text-align:center;display:flex;flex-direction:column;gap:.9rem}.oauth-callback__card h1{font-size:1.55rem;margin:0}.oauth-callback__card p{margin:0;font-size:.95rem;color:#ffffffc7}.oauth-callback__card--error{border-color:#faa5a58c;background:#241420e6}.oauth-callback__card--success{border-color:#818cf88c}.oauth-callback__icon{width:64px;height:64px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;margin:0 auto .25rem;font-size:1.75rem;background:#6441a52e;color:#c7b0ff;box-shadow:0 8px 24px #6441a559}.oauth-callback__icon svg{display:block}.oauth-callback__button{align-self:center;padding:.6rem 1.25rem;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:inherit;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.oauth-callback--youtube{background:linear-gradient(180deg,#cc181e4d,#0c0c10f0 45%),radial-gradient(circle at 20% 20%,rgba(255,0,0,.15),transparent 60%),#0c0c10f7}.oauth-callback--youtube .oauth-callback__card{border-color:#ff000059}.oauth-callback--youtube .oauth-callback__card--success{border-color:#ff00008c}.oauth-callback--youtube .oauth-callback__card--error{border-color:#ff7b7b99;background:#280e10eb}.oauth-callback__icon--youtube{background:#ff00002e;color:#ff4b4b;box-shadow:0 8px 24px #ff000047}.oauth-callback--youtube .oauth-callback__button{border-color:#ff000059;background:#ff000026}.oauth-callback--youtube .oauth-callback__button:hover{background:#ff000040;border-color:#ff000073}.oauth-callback__button:hover{background:#ffffff29;border-color:#ffffff59;transform:translateY(-1px)}.privacy-policy{max-width:900px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1.5rem,4vw,3rem) 5rem;color:var(--sc-body-text, #f6f6f8)}.privacy-policy__hero{text-align:center;margin-bottom:clamp(2rem,4vw,3.5rem)}.privacy-policy__hero h1{font-size:clamp(2.25rem,4vw,3rem);margin-bottom:.5rem}.privacy-policy__hero p{color:#f6f6f8bf;font-size:.95rem}.privacy-policy__section+.privacy-policy__section{margin-top:clamp(1.75rem,4vw,2.75rem)}.privacy-policy__section h2{font-size:clamp(1.4rem,3vw,1.9rem);margin-bottom:.75rem}.privacy-policy__section h3{font-size:clamp(1.1rem,2.5vw,1.35rem);margin-top:1rem;margin-bottom:.5rem}.privacy-policy__section p,.privacy-policy__section ul{color:#f6f6f8e0;line-height:1.65}.privacy-policy__section ul{margin:.5rem 0 0 1.25rem}.privacy-policy__section a{color:#5bc0ff;text-decoration:none}.privacy-policy__section a:hover{text-decoration:underline}.tos{max-width:900px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1.5rem,4vw,3rem) 5rem;color:var(--sc-body-text, #f6f6f8)}.tos__hero{text-align:center;margin-bottom:clamp(2rem,4vw,3.5rem)}.tos__hero h1{font-size:clamp(2.25rem,4vw,3rem);margin-bottom:.5rem}.tos__hero p{color:#f6f6f8bf;font-size:.95rem}.tos__section+.tos__section{margin-top:clamp(1.75rem,4vw,2.75rem)}.tos__section h2{font-size:clamp(1.4rem,3vw,1.9rem);margin-bottom:.75rem}.tos__section p,.tos__section ul{color:#f6f6f8e0;line-height:1.65}.tos__section ul{margin:.5rem 0 0 1.25rem}.tos__section a{color:#5bc0ff;text-decoration:none}.tos__section a:hover{text-decoration:underline}:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6f6f8}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:inherit}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit}:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover{scrollbar-color:rgba(255,255,255,.18) rgba(255,255,255,.05)}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}*:hover::-webkit-scrollbar-track{background:#ffffff0d}*:hover::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}*:hover::-webkit-scrollbar-thumb:hover{background:#ffffff47}