:root{--color-bg: #07090f;--color-surface-1: #0e111a;--color-surface-2: #141824;--color-surface-3: #1c2133;--color-border: rgba(255, 255, 255, .07);--color-border-strong: rgba(255, 255, 255, .12);--color-accent: #5865f2;--color-accent-hover: #4752c4;--color-accent-muted: rgba(88, 101, 242, .12);--color-success: #22c55e;--color-success-muted: rgba(34, 197, 94, .12);--color-warning: #f59e0b;--color-warning-muted: rgba(245, 158, 11, .12);--color-danger: #ef4444;--color-danger-muted: rgba(239, 68, 68, .12);--color-text: #f1f5f9;--color-text-2: #94a3b8;--color-text-3: #64748b;--color-discord: #5865f2;--bg: var(--color-bg);--bg-elevated: var(--color-surface-1);--bg-surface: var(--color-surface-2);--border: var(--color-border);--text: var(--color-text);--text-muted: var(--color-text-2);--accent: var(--color-accent);--accent-hover: var(--color-accent-hover);--success: var(--color-success);--warning: var(--color-warning);--danger: var(--color-danger);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--font: "Inter", system-ui, -apple-system, sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 40;--z-modal: 100;--z-toast: 9999;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 0 3px rgba(88, 101, 242, .25);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .3s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--sidebar-width: 260px;--sidebar-collapsed: 64px;--header-height: 56px;--content-max: 1200px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes toastIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes progressBar{0%{width:100%}to{width:0%}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{animation:fadeUp var(--dur-base) var(--ease-out) forwards}.animate-scale-in{animation:scaleIn .18s var(--ease-spring) forwards}.animate-slide-right{animation:slideInRight .25s var(--ease-spring) forwards}.stagger>*{animation:fadeUp var(--dur-base) var(--ease-out) backwards}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:40ms}.stagger>*:nth-child(3){animation-delay:80ms}.stagger>*:nth-child(4){animation-delay:.12s}.stagger>*:nth-child(5){animation-delay:.16s}.stagger>*:nth-child(6){animation-delay:.2s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:var(--font);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}body{font-feature-settings:"cv11","ss01"}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}.app-shell{display:flex;min-height:100vh}.app-sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--color-surface-1);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--z-sticky);transition:width var(--dur-base) var(--ease-out)}.app-sidebar.is-collapsed{width:var(--sidebar-collapsed)}.app-sidebar.is-mobile-open{transform:translate(0)}.app-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;transition:margin-left var(--dur-base) var(--ease-out)}.app-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.app-header{position:sticky;top:0;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-6);background:#0e111ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky);gap:var(--sp-4)}.app-content{flex:1;padding:var(--sp-6);max-width:var(--content-max);width:100%;margin:0 auto}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:calc(var(--z-sticky) - 1)}.sidebar-brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4);border-bottom:1px solid var(--color-border);min-height:var(--header-height)}.sidebar-brand__logo{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.sidebar-brand__logo img{width:100%;height:100%;object-fit:contain;display:block}.sidebar-brand__text{font-weight:600;font-size:var(--text-md);white-space:nowrap;overflow:hidden}.sidebar-collapse-btn{margin-left:auto}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--sp-3) var(--sp-2)}.sidebar-section-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-3);padding:var(--sp-4) var(--sp-3) var(--sp-2)}.sidebar-link{display:flex;align-items:center;gap:var(--sp-3);height:40px;padding:0 var(--sp-3);border-radius:var(--radius-md);color:var(--color-text-2);font-size:var(--text-sm);font-weight:500;border-left:2px solid transparent;transition:color var(--dur-fast),background var(--dur-fast),border-color var(--dur-fast);text-decoration:none}.sidebar-link:hover{color:var(--color-text);background:var(--color-surface-2)}.sidebar-link.is-active{color:var(--color-text);border-left-color:var(--color-accent);background:var(--color-accent-muted)}.sidebar-link .icon{flex-shrink:0}.sidebar-footer{padding:var(--sp-4);border-top:1px solid var(--color-border)}.sidebar-user{display:flex;align-items:center;gap:var(--sp-3)}.sidebar-user__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.sidebar-user__info{min-width:0;flex:1}.sidebar-user__name{font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-left{display:flex;align-items:center;gap:var(--sp-3)}.header-right{display:flex;align-items:center;gap:var(--sp-4)}.header-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.page{animation:fadeUp var(--dur-base) var(--ease-out)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap}.page-header__title{font-size:var(--text-2xl);font-weight:700;margin:0;letter-spacing:-.02em}.page-header__subtitle{font-size:var(--text-sm);color:var(--color-text-2);margin:var(--sp-1) 0 0}.page-header__actions{display:flex;gap:var(--sp-2);flex-shrink:0}.text-muted{color:var(--color-text-2)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.card{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-6);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast)}.card:hover.card--lift{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card--accent-glow{border-color:#5865f24d;box-shadow:0 0 0 1px #5865f21a}.stat-card{display:flex;flex-direction:column;gap:var(--sp-3)}.stat-card__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-card__icon--accent{background:var(--color-accent-muted);color:var(--color-accent)}.stat-card__icon--warning{background:var(--color-warning-muted);color:var(--color-warning)}.stat-card__icon--success{background:var(--color-success-muted);color:var(--color-success)}.stat-card__icon--muted{background:var(--color-surface-3);color:var(--color-text-2)}.stat-card__value{font-size:var(--text-2xl);font-weight:700;font-feature-settings:"tnum";letter-spacing:-.02em}.stat-card__label{font-size:var(--text-sm);color:var(--color-text-2)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:36px;padding:0 var(--sp-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;border:1px solid transparent;cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast),transform var(--dur-fast);white-space:nowrap}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--secondary{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-text)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-3);border-color:var(--color-border-strong)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){background:#dc2626}.btn--ghost{background:transparent;color:var(--color-text-2)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text)}.btn--discord{background:var(--color-discord);color:#fff;height:44px;font-size:var(--text-md);width:100%}.btn--discord:hover:not(:disabled){background:var(--color-accent-hover)}.btn--icon{width:36px;padding:0}.btn--sm{height:32px;padding:0 var(--sp-3);font-size:var(--text-xs)}.btn--lg{height:44px;padding:0 var(--sp-6)}.btn.is-loading{pointer-events:none}.btn.is-loading .btn__label{opacity:.6}.form-group{margin-bottom:var(--sp-5)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--sp-2);color:var(--color-text)}.form-helper{font-size:var(--text-xs);color:var(--color-text-3);margin-top:var(--sp-1)}.form-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--sp-1)}.input,.select,.textarea{width:100%;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.input,.select{height:40px;padding:0 var(--sp-3)}.textarea{padding:var(--sp-3);min-height:100px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.input.is-error,.select.is-error,.textarea.is-error{border-color:var(--color-danger)}.input-row{display:flex;gap:var(--sp-3);align-items:center}.toggle{position:relative;width:44px;height:24px;background:var(--color-surface-3);border-radius:12px;border:none;cursor:pointer;transition:background var(--dur-fast)}.toggle.is-on{background:var(--color-accent)}.toggle__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--dur-fast) var(--ease-spring)}.toggle.is-on .toggle__thumb{transform:translate(20px)}.form-section{padding-bottom:var(--sp-5);margin-bottom:var(--sp-5);border-bottom:1px solid var(--color-border)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section__title{font-size:var(--text-md);font-weight:600;margin:0 0 var(--sp-4)}.search-input-wrap{position:relative;max-width:320px}.search-input-wrap .icon{position:absolute;left:var(--sp-3);top:50%;transform:translateY(-50%);color:var(--color-text-3);pointer-events:none}.search-input-wrap .input{padding-left:36px;padding-right:36px}.search-input-wrap__clear{position:absolute;right:var(--sp-2);top:50%;transform:translateY(-50%)}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-1)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--sp-3) var(--sp-4);text-align:left;border-bottom:1px solid var(--color-border)}.table th{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-3);background:var(--color-surface-2);-webkit-user-select:none;user-select:none}.table th.is-sortable{cursor:pointer}.table th.is-sortable:hover{color:var(--color-text-2)}.table th .sort-icon{display:inline-flex;vertical-align:middle;margin-left:var(--sp-1);opacity:.4}.table th.is-sorted .sort-icon{opacity:1;color:var(--color-accent)}.table tbody tr{transition:background var(--dur-fast)}.table tbody tr:hover{background:var(--color-surface-2)}.table tbody tr:last-child td{border-bottom:none}.table-actions{display:flex;gap:var(--sp-1);justify-content:flex-end}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);height:22px;padding:0 var(--sp-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em}.badge--success{background:var(--color-success-muted);color:var(--color-success)}.badge--warning{background:var(--color-warning-muted);color:var(--color-warning)}.badge--danger{background:var(--color-danger-muted);color:var(--color-danger)}.badge--muted{background:var(--color-surface-3);color:var(--color-text-2)}.badge--accent{background:var(--color-accent-muted);color:var(--color-accent)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-12) var(--sp-6);text-align:center;color:var(--color-text-2)}.empty-state__icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;color:var(--color-text-3);margin-bottom:var(--sp-4)}.empty-state__title{font-size:var(--text-md);font-weight:600;color:var(--color-text);margin:0 0 var(--sp-2)}.empty-state__text{font-size:var(--text-sm);margin:0 0 var(--sp-4);max-width:320px}.skeleton{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-surface-3) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-row td{padding:var(--sp-4)}.skeleton-cell{height:16px;width:80%}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-overlay);opacity:0;transition:opacity var(--dur-base)}.drawer-backdrop.is-open{opacity:1}.drawer{position:fixed;top:0;right:0;width:min(560px,100vw);height:100vh;background:var(--color-surface-1);border-left:1px solid var(--color-border);z-index:calc(var(--z-overlay) + 1);display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s var(--ease-spring)}.drawer.is-open{transform:translate(0)}.drawer__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--sp-6);border-bottom:1px solid var(--color-border);gap:var(--sp-4)}.drawer__title{font-size:var(--text-lg);font-weight:600;margin:0}.drawer__subtitle{font-size:var(--text-sm);color:var(--color-text-2);margin:var(--sp-1) 0 0}.drawer__body{flex:1;overflow-y:auto;padding:var(--sp-6)}.drawer__footer{display:flex;justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--color-border);background:var(--color-surface-1)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);opacity:0;transition:opacity var(--dur-base)}.modal-backdrop.is-open{opacity:1}.modal{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:min(420px,100%);padding:var(--sp-6);transform:scale(.95);opacity:0;transition:transform .18s var(--ease-spring),opacity .18s}.modal-backdrop.is-open .modal{transform:scale(1);opacity:1}.modal__title{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--sp-3)}.modal__body{font-size:var(--text-sm);color:var(--color-text-2);margin-bottom:var(--sp-6);line-height:var(--leading-relaxed)}.modal__actions{display:flex;justify-content:flex-end;gap:var(--sp-3)}.toast-container{position:fixed;top:var(--sp-4);right:var(--sp-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none;max-width:380px;width:100%}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:toastIn var(--dur-base) var(--ease-out);position:relative;overflow:hidden}.toast__icon{flex-shrink:0;margin-top:1px}.toast__icon--success{color:var(--color-success)}.toast__icon--error{color:var(--color-danger)}.toast__icon--info{color:var(--color-accent)}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--text-sm);font-weight:600;margin:0}.toast__body{font-size:var(--text-xs);color:var(--color-text-2);margin:var(--sp-1) 0 0}.toast__close{flex-shrink:0}.toast__progress{position:absolute;bottom:0;left:0;height:2px;background:var(--color-accent);animation:progressBar 4s linear forwards}.toast--success .toast__progress{background:var(--color-success)}.toast--error .toast__progress{background:var(--color-danger)}.guild-selector{position:relative}.guild-selector__trigger{display:flex;align-items:center;gap:var(--sp-2);height:40px;padding:0 var(--sp-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast);min-width:180px}.guild-selector__trigger:hover{border-color:var(--color-border-strong);background:var(--color-surface-3)}.guild-selector__icon{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.guild-selector__name{flex:1;font-size:var(--text-sm);font-weight:500;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guild-selector__dropdown{position:absolute;top:calc(100% + var(--sp-2));left:0;right:0;min-width:280px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:320px;overflow-y:auto;display:none}.guild-selector.is-open .guild-selector__dropdown{display:block;animation:scaleIn .15s var(--ease-out)}.guild-selector__option{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);cursor:pointer;transition:background var(--dur-fast);border:none;background:none;width:100%;text-align:left;color:inherit}.guild-selector__option:hover{background:var(--color-surface-3)}.guild-selector__option.is-selected{background:var(--color-accent-muted)}.guild-selector__option-name{flex:1;font-size:var(--text-sm);font-weight:500}.subscription-banner{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--color-warning-muted);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-md);margin-bottom:var(--sp-6);font-size:var(--text-sm)}.subscription-banner__icon{color:var(--color-warning);flex-shrink:0}.subscription-banner__text{flex:1;color:var(--color-text)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-6);background:var(--color-bg);position:relative}.login-page:before{content:"";position:absolute;top:20%;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(88,101,242,.15) 0%,transparent 70%);pointer-events:none}.login-card{position:relative;width:100%;max-width:420px;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--sp-10) var(--sp-8)}.login-card__logo{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);margin-bottom:var(--sp-6)}.login-card__logo-img{width:56px;height:56px;object-fit:contain;display:block}.login-card__title{font-size:var(--text-xl);font-weight:700;text-align:center;margin:0}.login-card__tagline{text-align:center;color:var(--color-text-2);font-size:var(--text-sm);margin:var(--sp-2) 0 var(--sp-8);line-height:var(--leading-relaxed)}.login-features{list-style:none;padding:0;margin:0 0 var(--sp-8)}.login-features li{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;font-size:var(--text-sm);color:var(--color-text-2)}.login-features li .icon{color:var(--color-accent);flex-shrink:0}.login-footer{text-align:center;margin-top:var(--sp-6);font-size:var(--text-xs);color:var(--color-text-3)}.embed-preview-wrap{position:sticky;top:calc(var(--header-height) + var(--sp-6))}.embed-preview{background:#313338;border-radius:var(--radius-md);padding:var(--sp-4);font-size:var(--text-sm)}.embed-preview__banner{width:100%;max-height:120px;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:var(--sp-3)}.embed-preview__author{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);font-size:var(--text-xs);color:#dbdee1}.embed-preview__author-icon{width:20px;height:20px;border-radius:50%}.embed-preview__content{border-left:4px solid var(--color-accent);padding:var(--sp-2) var(--sp-4);background:#2b2d31;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.embed-preview__title{font-weight:600;color:#fff;margin-bottom:var(--sp-2)}.embed-preview__title a{color:#00a8fc;text-decoration:none}.embed-preview__title a:hover{text-decoration:underline}.embed-preview__body{color:#dbdee1;white-space:pre-wrap;line-height:var(--leading-relaxed)}.embed-preview__footer{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);font-size:var(--text-xs);color:#949ba4}.embed-preview__footer-icon{width:16px;height:16px;border-radius:50%}.form-save-actions{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--color-border)}.save-bar{position:fixed;bottom:0;left:0;right:0;padding:var(--sp-4) var(--sp-6);background:var(--color-surface-1);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;z-index:var(--z-sticky);transform:translateY(100%);transition:transform var(--dur-base) var(--ease-out);box-shadow:var(--shadow-md)}.save-bar.is-visible{transform:translateY(0)}.save-bar__text{font-size:var(--text-sm);color:var(--color-text-2)}.layout-split{display:grid;grid-template-columns:3fr 2fr;gap:var(--sp-6);align-items:start}.spinner{animation:spin .8s linear infinite}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--color-text-2);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.icon-btn:hover{background:var(--color-surface-3);color:var(--color-text)}@media(max-width:768px){.app-sidebar{transform:translate(-100%);width:var(--sidebar-width);z-index:calc(var(--z-overlay) + 1);transition:transform var(--dur-base) var(--ease-out)}.app-sidebar.is-mobile-open{transform:translate(0)}.sidebar-backdrop.is-visible{display:block}.app-main,.app-main.sidebar-collapsed{margin-left:0}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2,.layout-split{grid-template-columns:1fr}.app-content{padding:var(--sp-4)}.page-header{flex-direction:column;align-items:stretch}.page-header__actions{justify-content:flex-start}.guild-selector__trigger{min-width:140px}}@media(max-width:480px){.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.w-full{width:100%}.max-w-form{max-width:600px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.hidden{display:none!important}