:root{--app-bg: #0e0f13;--app-bg-elevated: #17191f;--app-bg-subtle: #1a1d23;--app-bg-input: #1e2128;--app-bg-hover: #242833;--app-bg-active: #2c313d;--app-border: #2a2e38;--app-border-strong: #3b4150;--app-border-focus: #5865f2;--app-text: #eceef3;--app-text-muted: #aab1bf;--app-text-subtle: #828a99;--app-text-inverted: #0e0f13;--app-preview-bg: #313338;--app-accent: #5865f2;--app-accent-hover: #4752c4;--app-accent-soft: rgba(88, 101, 242, .18);--app-accent-text: #aeb6ff;--app-danger: #f04747;--app-danger-hover: #c43539;--app-danger-soft: rgba(240, 71, 71, .14);--app-danger-text: #ff8a8c;--app-success: #2dc06b;--app-success-soft: rgba(45, 192, 107, .14);--app-success-text: #6ddf9e;--app-warning: #f0b232;--app-warning-soft: rgba(240, 178, 50, .16);--app-warning-text: #f7cb6b;--app-text-xs: 12px;--app-text-sm: 13px;--app-text-base: 14px;--app-text-lg: 15px;--app-text-xl: 17px;--app-control-h: 36px;--app-control-h-sm: 32px;--app-fab-h: 42px;--app-mini-preview-w: 165px;--app-space-1: 4px;--app-space-2: 8px;--app-space-3: 12px;--app-space-4: 16px;--app-space-5: 20px;--app-space-6: 24px;--app-radius-sm: 6px;--app-radius: 10px;--app-radius-lg: 14px;--app-focus-ring: 0 0 0 2px rgba(88, 101, 242, .55);--app-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--app-shadow: 0 4px 16px rgba(0, 0, 0, .45);--app-shadow-lg: 0 16px 48px rgba(0, 0, 0, .6);--app-font-sans: "gg sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--app-font-mono: ui-monospace, "JetBrains Mono", "Fira Code", "SFMono-Regular", Menlo, Consolas, monospace;--app-z-toolbar: 10;--app-z-modal: 50;--app-z-tooltip: 60;--app-sait: var(--discord-safe-area-inset-top, env(safe-area-inset-top, 0px));--app-saib: var(--discord-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--app-sail: var(--discord-safe-area-inset-left, env(safe-area-inset-left, 0px));--app-sair: var(--discord-safe-area-inset-right, env(safe-area-inset-right, 0px));--discord-bg-primary: #1a1a1e;--discord-bg-secondary: #2b2d31;--discord-bg-tertiary: #1a1a1e;--discord-bg-mention: rgba(88, 100, 242, .24);--discord-bg-mention-soft: rgba(88, 101, 242, .15);--discord-bg-code: rgba(89, 102, 242, .08);--discord-bg-quote: #474851;--discord-bg-spoiler-hidden: #666770;--discord-bg-spoiler-revealed: rgba(148, 148, 156, .12);--discord-bg-select: rgba(0, 0, 0, .12);--discord-border-subtle: rgba(148, 148, 156, .12);--discord-border-code: rgba(150, 150, 160, .2);--discord-border-input: rgba(150, 150, 160, .2);--discord-divider: rgba(151, 151, 159, .2);--discord-text-normal: #efeff1;--discord-text-strong: #fbfbfb;--discord-text-muted: #abacb2;--discord-text-faint: #81828a;--discord-text-link: #4d96ee;--discord-text-mention: #a9bbff;--discord-text-positive: #23a559;--discord-accent: #5865f2;--discord-button-primary: #5865f2;--discord-button-primary-hover: #4654c9;--discord-button-secondary: rgba(151, 151, 159, .12);--discord-button-secondary-hover: rgba(151, 151, 159, .2);--discord-button-success: #008545;--discord-button-success-hover: #006d39;--discord-button-danger: #d22d39;--discord-button-danger-hover: #ad2530;--discord-button-border: rgba(255, 255, 255, .08);--discord-button-border-secondary: rgba(153, 153, 153, .04);--discord-radius-sm: 4px;--discord-radius: 8px;--discord-font: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif}:root[data-activity-platform=mobile]{--app-sait: max(var(--discord-safe-area-inset-top, env(safe-area-inset-top, 0px)), 48px)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--app-font-sans);font-size:14px;line-height:1.5;color:var(--app-text);background:var(--app-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}textarea{resize:vertical}a{color:var(--app-accent-text);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 60%,transparent);text-underline-offset:.16em}a:hover{text-decoration-color:currentColor}@media(pointer:coarse){input,textarea,select{font-size:16px!important}}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--app-border-focus);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--app-border);border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--app-border-strong);background-clip:padding-box;border:2px solid transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#root{display:flex;flex-direction:column;height:100vh;height:100dvh}.app-shell{display:grid;grid-template-columns:minmax(420px,1fr) minmax(0,1fr);flex:1;min-height:0;background:var(--app-bg);transition:padding-right .26s cubic-bezier(.4,0,.2,1)}.app-shell[data-ai-open=true]{padding-right:calc(380px + var(--app-sair))}.app-shell .app-shell__pane--ai{display:flex}.app-shell__pane{position:relative;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.app-shell__pane--builder{border-right:1px solid var(--app-border);background:var(--app-bg-elevated)}.app-shell__pane--preview{background:var(--app-preview-bg)}.app-bootstrap{display:grid;min-height:100%;place-items:center;padding:24px;color:var(--app-text-muted);font-weight:600}.gallery-bootstrap{position:fixed;inset:0;z-index:var(--app-z-tooltip);display:grid;place-items:center;padding:calc(24px + var(--app-sait)) calc(24px + var(--app-sair)) calc(24px + var(--app-saib)) calc(24px + var(--app-sail))}.gallery-bootstrap__hint{padding:10px 18px;border-radius:999px;background:var(--app-bg-elevated);border:1px solid var(--app-border);box-shadow:var(--app-shadow-lg);color:var(--app-text-muted);font-size:var(--app-text-sm);font-weight:600;opacity:0;animation:gallery-bootstrap-hint-in .2s ease .15s forwards}@keyframes gallery-bootstrap-hint-in{to{opacity:1}}@media(prefers-reduced-motion:reduce){.gallery-bootstrap__hint{animation:none;opacity:1}}.preview-scrim{display:none}.fab-stack{position:fixed;right:calc(16px + var(--app-sair));bottom:calc(16px + var(--app-saib));z-index:var(--app-z-toolbar);display:flex;flex-direction:column;align-items:flex-end;gap:10px}.fab-row{display:flex;align-items:center;gap:12px;width:var(--app-mini-preview-w);justify-content:flex-end}.collab-fab{display:inline-flex;align-items:center;flex:1;min-width:0;justify-content:center;gap:8px;height:var(--app-fab-h);padding:0 18px;border-radius:999px;background:var(--app-accent);color:#fff;font-size:var(--app-text-base);font-weight:600;box-shadow:var(--app-shadow-lg);border:none;cursor:pointer;transition:background .12s ease,transform .12s ease}.collab-fab:focus-visible{outline:none;box-shadow:var(--app-shadow-lg),var(--app-focus-ring)}.collab-fab:hover{background:var(--app-accent-hover)}.collab-fab:active{transform:scale(.97)}.collab-fab svg{flex-shrink:0}.ai-fab{display:inline-flex;align-items:center;gap:0;flex:0 0 auto;width:var(--app-fab-h);height:var(--app-fab-h);padding:0;justify-content:center;border-radius:999px;background:linear-gradient(120deg,#7c3aed,#c026d3,#ec4899);color:#fff;font-size:var(--app-text-base);font-weight:600;box-shadow:var(--app-shadow-lg),0 0 0 1px #ffffff14 inset;border:none;cursor:pointer;transition:filter .12s ease,box-shadow .12s ease,transform .12s ease}.ai-fab:focus-visible{outline:none;box-shadow:var(--app-shadow-lg),var(--app-focus-ring)}.ai-fab:hover{filter:brightness(1.08) saturate(1.05);box-shadow:var(--app-shadow-lg),0 0 18px #c026d373}.ai-fab:active{transform:scale(.97)}.ai-fab svg{flex-shrink:0}.ai-fab span,.app-shell[data-ai-open=true] .ai-fab{display:none}@media(max-width:1199px){.app-shell{--app-ai-overlay-height: min(68dvh, 560px);--app-ai-overlay-bottom: calc(10px + var(--app-saib))}.app-shell[data-ai-open=true]{padding-right:0}.app-shell[data-ai-open=true] [data-preview-scroll]{padding-bottom:calc(var(--app-ai-overlay-height) + var(--app-ai-overlay-bottom) + 16px)}}@media(max-width:900px){.app-shell{grid-template-columns:1fr;grid-template-rows:1fr}.app-shell[data-ai-open=true]{padding-right:0}.app-shell__pane--builder{border-right:none;grid-row:1;grid-column:1}.app-shell__pane--preview{position:fixed;inset:auto var(--app-sair) var(--app-saib) var(--app-sail);height:min(85dvh,calc(100dvh - var(--app-sait) - var(--app-saib)));z-index:calc(var(--app-z-modal) - 1);transform:translateY(100%);transition:transform .26s cubic-bezier(.4,0,.2,1);box-shadow:var(--app-shadow-lg);border-radius:16px 16px 0 0;will-change:transform}.app-shell[data-preview-open=true] .app-shell__pane--preview{transform:none}.preview-scrim{display:block;position:fixed;inset:0;z-index:calc(var(--app-z-modal) - 2);background:#00000080;opacity:0;pointer-events:none;transition:opacity .26s cubic-bezier(.4,0,.2,1)}.app-shell[data-preview-open=true] .preview-scrim{opacity:1;pointer-events:auto}.app-shell[data-ai-open=true] .app-shell__pane--preview{height:calc(100dvh - var(--app-sait) - var(--app-saib));border-radius:0}.app-shell[data-ai-open=true] [data-preview-scroll]{padding-bottom:calc(var(--app-ai-overlay-height) + var(--app-ai-overlay-bottom) + 16px)}.fab-stack{z-index:var(--app-z-modal)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}