.zoom-slider-container{right:max(16px, env(safe-area-inset-right));z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;position:absolute;top:35%}.zoom-track{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:28px;outline:none;width:44px;height:268px;position:relative}.zoom-glass-shell{pointer-events:none;transform-origin:50%;will-change:transform;-webkit-backdrop-filter:var(--zoom-lens) blur(.3px) saturate(155%);background:linear-gradient(145deg,#ffffff21,#ffffff09 55%,#ffffff17);border-radius:999px;position:absolute;inset:0 6px;box-shadow:inset 0 0 0 1px #ffffff30,inset 1px 1px #ffffff4d,0 8px 28px #00000024}.zoom-handle-position{width:20px;height:48px;margin-top:-24px;position:absolute;left:12px}.zoom-handle{box-sizing:border-box;width:100%;height:100%;-webkit-backdrop-filter:var(--zoom-lens) blur(.2px) saturate(165%);cursor:grab;will-change:transform;background:linear-gradient(145deg,#ffffff3d,#ffffff06 44%,#ffffff1f);border:0;border-radius:999px;box-shadow:inset 1px 1px 1px #ffffffbf,inset -1px -1px 2px #ffffff3d,0 5px 18px #0000002e}.zoom-handle:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(130deg,#ffffff47,#0000 45%);position:absolute;inset:3px}.is-dragging .zoom-track,.is-dragging .zoom-handle{cursor:grabbing}.zoom-track:focus-visible .zoom-handle{outline:2px solid var(--theme-icon,#b9d8ff);outline-offset:5px}.light-theme .zoom-handle{background:linear-gradient(145deg,#ffffff5c,#e1e9f412 48%,#ffffff38);border-color:#ffffffd9;box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 2px #64748b33,0 5px 18px #33415533}.light-theme .zoom-glass-shell{background:linear-gradient(145deg,#ffffff3d,#edf3fc0f);box-shadow:inset 0 0 0 1px #ffffffb3,0 8px 28px #3341551f}.zoom-filter-defs{pointer-events:none;width:0;height:0;position:absolute}.zoom-overview-label{color:var(--text-main,#f4f4f5);white-space:nowrap;pointer-events:none;font-size:11px;line-height:1.3;position:absolute;top:calc(100% + 8px);right:0}.zoom-track:focus:not(:focus-visible),.zoom-track:active,.zoom-handle{outline:none}@supports (-webkit-touch-callout:none){.zoom-glass-shell,.zoom-handle{-webkit-backdrop-filter:blur(2px)saturate(155%)}}.zoom-glass-shell:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 0% var(--zoom-glint,50%), #ffffff85, transparent 65%), radial-gradient(ellipse at 100% var(--zoom-glint,50%), #c3daff3d, transparent 65%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.zoom-handle:before{background:radial-gradient(ellipse at 15% var(--zoom-glint,50%), #fff6, transparent 60%), linear-gradient(115deg, #ffffff29, transparent 32%, transparent 70%, #cfdfff2b);inset:1px}.zoom-glass-shell{background:linear-gradient(115deg,#ffffff1a,#ffffff04 38%,#ffffff06 70%,#ddeaff1a)}.zoom-track,.zoom-track *{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
.canvas-app .send-btn.has-error{--composer-send-error-color:#fb7185;opacity:1}.canvas-app .send-btn.has-error>svg{color:var(--composer-send-error-color);transition:color .16s}body.light-theme .canvas-app .send-btn.has-error{--composer-send-error-color:#cc334b}body.light-theme .canvas-app .composer-shell.is-composer-solid .send-btn.has-error{--composer-send-error-color:#fb7185}.composer-send-announcement{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body .canvas-app .mac-notch .mac-notch-expanded.composer-notice-panel{overscroll-behavior:contain;background:0 0;gap:0;min-height:0;padding:0;overflow:hidden auto}.composer-notch-notice{box-sizing:border-box;color:#e4e4e4;flex:none;width:100%;min-width:0;min-height:0;padding:4px 12px 10px;display:block}.composer-notch-notice-card{box-sizing:border-box;background-color:#303030;background-image:radial-gradient(circle,#ffffff0c .7px,#0000 1px);background-position:12px 12px;background-size:24px 24px;border:1px solid #ffffff08;border-radius:12px;align-items:center;gap:10px;width:100%;min-width:0;padding:8px 10px 8px 12px;display:flex}.composer-notch-notice-text{flex:1;min-width:0}.composer-notch-notice-copy{color:#dedede;letter-spacing:0;text-align:left;white-space:normal;overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:400;line-height:1.45}.composer-notch-notice-close{color:#b8b8b8;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:0 0 28px;place-items:center;width:28px;height:28px;padding:0;transition:color .15s,background-color .15s;display:grid}.composer-notch-notice-close:hover{color:#fff;background:#ffffff0d}.composer-notch-notice-close:focus-visible{outline-offset:2px;outline:2px solid}body.light-theme .composer-notch-notice-card{background-color:#e5e5e5;background-image:radial-gradient(circle,#0000000a .7px,#0000 1px);border-color:#00000008}body.light-theme .composer-notch-notice-copy{color:#454545}body.light-theme .composer-notch-notice-close{color:#686868}body.light-theme .composer-notch-notice-close:hover{color:#262626;background:#0000000c}@media (pointer:coarse){.composer-notch-notice-close{flex-basis:44px;width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.canvas-app .send-btn.has-error>svg,.composer-notch-notice-close{transition:none}}
.manual-format-toolbar .editor-tool-group.editor-help-group{border-left:0;margin-left:auto}.editor-explanation .editor-explanation-syntax{background:color-mix(in srgb, var(--text-main,#fff) 6%, transparent);white-space:pre-wrap;overflow-wrap:anywhere;color:#82b7ff;border-radius:6px;margin-top:8px;padding:7px 9px;font:11px/1.5 monospace;display:block}.manual-post-header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.manual-post-header-actions .manual-post-size{justify-content:center;align-items:center;gap:5px;min-height:32px;display:inline-flex}.manual-post-header-actions .manual-post-grow{padding-inline:9px}.manual-post-header-actions .manual-post-size:hover:not(:disabled){color:var(--text-main);background:color-mix(in srgb, var(--text-main) 12%, transparent)}.editor-help-popover{z-index:100000;visibility:hidden;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--text-main,#fff) 16%, transparent);width:380px;max-width:calc(100vw - 16px);max-height:min(520px,100dvh - 16px);color:var(--text-main,#f5f7fa);background:var(--bg-main,#15171b);border-radius:16px;flex-direction:column;padding:6px;font-size:12px;display:flex;position:fixed;top:8px;left:8px;overflow:hidden;box-shadow:0 16px 50px #0006}.editor-help-heading{flex:none;justify-content:space-between;align-items:center;padding:3px 4px 5px 10px;display:flex}.editor-help-heading h2{color:var(--text-muted,#a0a9b8);letter-spacing:.065em;text-transform:uppercase;margin:0;font-size:11px;font-weight:500}.editor-help-popover button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.editor-help-popover :is(button,textarea):focus-visible{outline-offset:-2px;outline:2px solid #82b7ff}.editor-help-popover button:hover{background:#82b7ff1f}.editor-help-popover .editor-help-close{width:28px;height:28px;color:var(--text-muted,#a0a9b8);border-radius:8px;place-items:center;padding:0;display:grid}.editor-help-scroll{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:0 2px;overflow:auto}.editor-help-items{margin:0;padding:0;list-style:none}.editor-help-items>li+li:before{content:"";background:color-mix(in srgb, var(--text-main,#fff) 10%, transparent);height:1px;margin-inline:10px;display:block}.editor-help-row{text-align:left;border-radius:9px;align-items:flex-start;gap:10px;width:100%;padding:12px 10px;display:flex}.editor-help-row-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.editor-help-row-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;display:flex}.editor-help-row strong{font-size:13px;font-weight:500}.editor-help-row kbd{color:var(--text-muted,#a0a9b8);white-space:nowrap;font-family:inherit;font-size:10px;line-height:1.4}.editor-help-row code{color:#9bbde9;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.5 monospace}.editor-help-row>svg{color:var(--text-muted,#a0a9b8);opacity:.6;flex:none;margin-top:2px}.editor-help-row:hover>svg,.editor-help-row:focus-visible>svg{opacity:1}.editor-help-footer{border-top:1px solid color-mix(in srgb, var(--text-main,#fff) 10%, transparent);flex:none;margin-top:6px;padding:5px 2px 0}.editor-help-popover .editor-help-ai-copy{border-radius:9px;justify-content:flex-start;align-items:center;gap:9px;width:100%;min-height:36px;padding:8px 10px;font-size:12px;display:flex}.editor-help-copy-status{color:var(--text-muted,#a0a9b8);margin:0;padding:0 10px;font-size:11px;line-height:1.5}.editor-help-copy-status:not(:empty){padding-block:3px 5px}.editor-help-fallback{border:1px solid color-mix(in srgb, var(--text-main,#fff) 18%, transparent);width:calc(100% - 20px);max-height:92px;color:inherit;resize:none;background:0 0;border-radius:6px;margin:3px 10px 6px;padding:8px;font:11px/1.5 monospace;display:block}body.light-theme .editor-help-row code{color:#255fac}@media (max-width:600px){.manual-post-header-actions{gap:4px}}
.code-language-menu{z-index:100000;visibility:hidden;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--text-main,#fff) 16%, transparent);width:300px;max-width:calc(100vw - 16px);max-height:min(360px,100dvh - 16px);color:var(--text-main,#f5f7fa);background:var(--bg-main,#15171b);overscroll-behavior:contain;border-radius:16px;flex-direction:column;padding:6px;font-size:12px;display:flex;position:fixed;top:8px;left:8px;overflow:hidden;box-shadow:0 16px 50px #0006}.code-language-heading{flex:none;justify-content:space-between;align-items:center;padding:3px 4px 5px 10px;display:flex}.code-language-heading h2{margin:0;font-size:12px;font-weight:600}.code-language-menu button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.code-language-menu button:focus-visible{outline-offset:-2px;outline:2px solid #82b7ff}.code-language-menu .code-language-close{width:28px;height:28px;color:var(--text-muted,#a0a9b8);border-radius:8px;place-items:center;padding:0;display:grid}.code-language-close:hover{background:color-mix(in srgb, var(--text-main,#fff) 8%, transparent)}.code-language-search{border:1px solid color-mix(in srgb, var(--text-main,#fff) 12%, transparent);color:var(--text-muted,#a0a9b8);background:color-mix(in srgb, var(--text-main,#fff) 4%, transparent);border-radius:10px;flex:none;align-items:center;gap:8px;margin:2px 4px 7px;padding:8px 10px;display:flex}.code-language-search>svg{flex:none}.code-language-search input{width:100%;min-width:0;color:var(--text-main,#f5f7fa);font:inherit;background:0 0;border:0;outline:none;padding:0;line-height:1.5}.code-language-search input::placeholder{color:var(--text-muted,#a0a9b8);opacity:1}.code-language-options{overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-y;min-height:0;overflow:auto}.code-language-menu .code-language-option{text-align:left;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:36px;padding:8px 10px;display:flex}.code-language-option span{overflow-wrap:anywhere;min-width:0}.code-language-option>svg{color:#82b7ff;flex:none}.code-language-option.is-active{background:#82b7ff21}.code-language-option[aria-selected=true]{font-weight:600}.code-language-empty{color:var(--text-muted,#a0a9b8);margin:0;padding:14px 10px;line-height:1.5}
.input-form.is-manual{padding:12px 18px 14px;align-items:stretch!important}.input-form.is-manual>.composer-ai-toggle{z-index:2;margin:0;position:absolute;bottom:16px;left:18px}.input-form.is-manual-collapsed{padding:8px 12px}.input-form.is-manual-collapsed>.composer-ai-toggle{bottom:15px;left:12px}.composer-manual-editor{width:100%;height:100%;min-height:0}.composer-manual-editor[hidden],.composer-ai-editor[hidden]{display:none}.composer-ai-editor{flex:1;min-width:0;height:100%;display:flex}.manual-post-editor{height:100%;min-height:0;color:var(--text-main);flex-direction:column;display:flex}.manual-post-resize{cursor:ns-resize;touch-action:none;outline-offset:-2px;background:0 0;border:0;flex:0 0 18px;place-items:center;width:100%;padding:0;display:grid}.manual-post-editor .manual-post-resize{cursor:ns-resize}.manual-post-header[hidden],.manual-post-scroll[hidden]{display:none}.manual-post-editor.is-collapsed{position:relative}.manual-post-editor.is-collapsed .manual-post-resize{z-index:1;border-radius:999px;width:min(120px,35%);height:24px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.manual-post-editor.is-collapsed .manual-post-footer{border-top:0;flex:1}.manual-post-editor.is-collapsed .manual-post-open{height:38px}.manual-post-resize span{background:color-mix(in srgb, var(--text-main) 25%, transparent);border-radius:4px;width:38px;height:4px}.manual-post-resize:hover span{background:color-mix(in srgb, var(--text-main) 65%, transparent)}.manual-post-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 8px 6px;display:flex}.manual-post-header h2{letter-spacing:-.015em;margin:0;font-size:15px;font-weight:600;line-height:1.3}.manual-post-editor button{font:inherit;cursor:pointer}.manual-post-size{color:var(--text-muted);background:color-mix(in srgb, var(--text-main) 6%, transparent);border:0;border-radius:999px;padding:8px 12px;font-size:12px!important}.manual-post-scroll{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:1;gap:12px;min-height:0;padding:0 8px 10px;display:flex;overflow:auto}.manual-format-toolbar{flex-wrap:wrap;align-items:center;gap:4px 0;display:flex}.editor-tool-group{align-items:center;gap:2px;padding:0 6px;display:flex}.editor-tool-group+.editor-tool-group{border-left:1px solid color-mix(in srgb, var(--text-main) 10%, transparent)}.manual-format-toolbar .editor-tool{min-width:34px;height:36px;color:var(--text-muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:12px;transition:background-color .12s,color .12s;display:inline-flex}.editor-tool svg{flex:none;width:18px;height:18px}.editor-heading-icon{align-items:center;width:22px;display:inline-flex;position:relative}.editor-heading-icon small{font-size:9px;font-weight:700;line-height:1;position:absolute;bottom:-2px;right:-2px}.manual-format-toolbar .editor-tool[data-editor-tool=heading-menu]{min-width:20px;margin-left:-4px;padding:0 3px}.editor-tool[data-editor-tool=heading-menu] svg{width:12px;height:12px}.manual-format-toolbar .editor-tool:hover{background:color-mix(in srgb, var(--text-main) 7%, transparent);color:var(--text-main)}.manual-format-toolbar .editor-tool[aria-disabled=true]{opacity:.4;cursor:help}.manual-link-editor{border:1px solid color-mix(in srgb, var(--text-main) 12%, transparent);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:10px;display:flex}.manual-link-editor label{color:var(--text-muted);flex-direction:column;flex:150px;gap:4px;font-size:11px;display:flex}.manual-link-editor input{border:1px solid color-mix(in srgb, var(--text-main) 15%, transparent);width:100%;color:var(--text-main);background:0 0;border-radius:7px;padding:8px}.manual-link-editor button{color:var(--text-main);background:color-mix(in srgb, var(--text-main) 9%, transparent);border:0;border-radius:8px;padding:8px 12px;font-size:12px}.manual-rich-editor{flex-direction:column;flex:1 1 0;width:100%;min-width:0;min-height:0;display:flex}.manual-rich-editor .manual-format-toolbar{z-index:2;border:0;border-bottom:1px solid color-mix(in srgb, var(--text-main) 9%, transparent);background:color-mix(in srgb, var(--bg-main) 94%, var(--text-main) 6%);border-radius:0;flex-shrink:0;padding:9px 4px;position:sticky;top:0}.manual-format-toolbar .editor-tool[aria-pressed=true]{color:#82b7ff;background:#82b7ff2b;box-shadow:inset 0 0 0 1px #82b7ff33}.manual-rich-editor .manual-link-editor{margin:8px}.manual-rich-surface{contain:layout paint;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-main) 25%, transparent) transparent;scrollbar-gutter:stable;white-space:pre-wrap;cursor:text;caret-color:#82b7ff;outline:none;flex:1 1 0;min-height:0;max-height:none;padding:22px;position:relative;overflow:auto}.manual-rich-surface::selection,.manual-rich-surface ::selection{background:#82b7ff59}.manual-rich-surface[hidden]{display:none}.manual-rich-editor .manual-source-surface{box-sizing:border-box;resize:none;width:100%;color:var(--text-main);tab-size:2;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;margin:0;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block}.manual-rich-editor .manual-source-surface[hidden]{display:none}.manual-source-surface::placeholder{color:var(--text-muted);opacity:.65}.manual-rich-surface table{border-collapse:separate;border-spacing:0;white-space:normal;border:1px solid #909ca82e;border-radius:12px;margin:16px 0;overflow:hidden}.manual-rich-surface th,.manual-rich-surface td{min-width:110px}.manual-rich-surface :is(th,td)+:is(th,td){border-left:1px solid #909ca82e}.manual-table-edges button{z-index:99990;width:26px;height:26px;color:var(--text-muted,#abb8cb);box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;font-size:20px;font-weight:400;line-height:1;display:grid;position:fixed}.manual-table-edges button:hover{color:#82b7ff;background:#82b7ff1a}.manual-table-edges button:focus-visible{color:#82b7ff;outline-offset:2px;outline:2px solid #82b7ff}.manual-table-edges button:disabled{opacity:.4;cursor:default}.manual-table-edges .manual-table-settings{border-radius:8px;width:34px}.manual-rich-surface[data-empty=true]:before{content:attr(data-placeholder);color:var(--text-muted);opacity:.65;pointer-events:none;white-space:normal;position:absolute;top:22px;left:22px;right:22px}.manual-rich-surface p,.manual-rich-surface>div{margin:0}.manual-document-field{box-shadow:0 1px 0 color-mix(in srgb, var(--text-main) 4%, transparent) inset;overflow:hidden}.manual-rich-surface .manual-inline-image{white-space:normal;background:0 0;border:0;outline:none;width:fit-content;max-width:100%;margin:12px 0;padding:0;display:block;position:relative}.manual-inline-image .manual-image-media{border-radius:10px;width:fit-content;max-width:100%;position:relative}.manual-rich-surface .manual-inline-image img{cursor:pointer;border-radius:10px;width:auto;max-width:100%;height:auto;max-height:360px;margin:0;display:block}.manual-rich-surface .manual-inline-image:focus-visible .manual-image-media{outline-offset:3px;outline:2px solid #82b7ff}.manual-inline-image button{color:var(--text-muted);cursor:pointer;font:inherit;touch-action:manipulation;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:5px 8px;font-size:11px;line-height:1.3;display:inline-flex}.manual-inline-image button:hover{color:var(--text-main);background:color-mix(in srgb, var(--text-main) 8%, transparent)}.manual-inline-image button:focus-visible{outline-offset:2px;outline:2px solid #82b7ff}.manual-inline-image .manual-image-actions{-webkit-user-select:none;user-select:none;flex-wrap:wrap;gap:4px 12px;margin-top:4px;display:flex}.manual-inline-image [data-editor-control=remove-image]{z-index:1;color:#fff;background:#0f1218d9;border:1px solid #ffffff3d;border-radius:50%;width:32px;height:32px;padding:0;font-size:23px;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #0003}.manual-inline-image [data-editor-control=remove-image]:hover{color:#fff;background:#a33145}.manual-rich-surface[aria-disabled=true] .manual-inline-image button{pointer-events:none;opacity:.45}.manual-rich-surface b,.manual-rich-surface strong{font-weight:700}.manual-rich-surface i,.manual-rich-surface em{font-style:italic}.manual-rich-surface pre{border:1px solid color-mix(in srgb, var(--text-main) 12%, transparent);background:color-mix(in srgb, var(--text-main) 4%, transparent);white-space:pre-wrap;tab-size:2;box-sizing:border-box;border-radius:8px;width:fit-content;max-width:100%;margin:8px 0;padding:6px 10px;font-family:monospace;font-size:13px;line-height:1.5;position:relative}.manual-rich-surface pre[data-code-empty=true]{min-width:calc(4ch + 22px);position:relative}.manual-rich-surface pre[data-code-empty=true]:after{content:"code";color:var(--text-muted);opacity:.65;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow-wrap:normal;word-break:normal;position:absolute;top:6px;left:10px}.manual-rich-surface pre[data-code-language]{min-inline-size:calc(8ch + 22px);padding-top:26px}.manual-rich-surface pre[data-code-language]:before{content:attr(data-code-label);text-overflow:ellipsis;white-space:nowrap;color:#82b7ff;pointer-events:none;-webkit-user-select:none;user-select:none;font:10px/16px ui-sans-serif,system-ui,sans-serif;position:absolute;top:5px;left:10px;right:10px;overflow:hidden}.manual-rich-surface pre[data-code-language][data-code-empty=true]:after{top:26px}.manual-rich-surface :not(pre)>code[data-code-empty=true]{min-inline-size:calc(4ch + .7em);display:inline-block;position:relative}.manual-rich-surface :not(pre)>code[data-code-empty=true]:before{content:"code";color:var(--text-muted);opacity:.65;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow-wrap:normal;word-break:normal;position:absolute;left:.35em}.manual-rich-hint{color:var(--text-muted);opacity:.75;margin:0;padding:8px 18px 12px;font-size:10px;line-height:1.5}.editor-explanation{z-index:100010;border:1px solid color-mix(in srgb, var(--text-main) 14%, transparent);width:min(300px,100vw - 16px);color:var(--text-main,#f5f7fa);background:var(--bg-main,#15171b);pointer-events:none;border-radius:12px;padding:12px 14px;position:fixed;top:8px;left:8px;box-shadow:0 12px 32px #0005}.editor-explanation header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 10px;display:flex}.editor-explanation strong{font-size:12px;font-weight:600}.editor-explanation kbd{color:var(--text-muted);font:inherit;white-space:nowrap;font-size:10px}.editor-explanation p{color:var(--text-muted);margin:6px 0 0;font-size:12px;line-height:1.55}.manual-post-title{color:var(--text-muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.manual-post-title>span{justify-content:space-between;display:flex}.manual-post-title small{font-variant-numeric:tabular-nums;font-size:10px}.manual-post-title input{border:1px solid color-mix(in srgb, var(--text-main) 12%, transparent);width:100%;font:inherit;color:var(--text-main);background:color-mix(in srgb, var(--bg-main) 40%, transparent);border-radius:13px;padding:11px 13px;font-size:17px}.manual-post-body{flex:1 0 130px;min-height:130px;display:flex}.manual-post-body .composer-message-field{border-radius:14px;justify-content:flex-start;width:100%;height:auto;min-height:0}.manual-post-body .composer-message-row{flex:1;align-items:stretch;min-height:120px}.manual-post-tools{color:var(--text-muted);justify-content:flex-end;align-items:center;font-size:11px;display:flex}.manual-post-tools .is-near-limit{color:#fbbf24}.manual-post-error{color:#fb7185;margin:0;font-size:12px}.manual-post-footer{border-top:1px solid color-mix(in srgb, var(--text-main) 8%, transparent);flex:0 0 48px;justify-content:flex-end;align-items:center;gap:16px;padding-left:90px;display:flex}.manual-post-footer>span{color:var(--text-muted);font-size:11px}.manual-post-publish{background:var(--text-main);color:var(--bg-main);border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;display:inline-flex;font-size:13px!important;font-weight:650!important}.manual-post-editor button:disabled{opacity:.4;cursor:default}.composer-ai-toggle:disabled{cursor:default;opacity:.55}.manual-post-editor button:focus-visible{outline-offset:2px;outline:2px solid #8ab4f8}.manual-context-menu{z-index:100000;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid color-mix(in srgb, var(--text-main) 16%, transparent);background:var(--bg-main,#15171b);width:min(280px,100vw - 16px);max-height:calc(100dvh - 16px);color:var(--text-main,#f5f7fa);border-radius:16px;padding:6px;font-size:13px;position:fixed;overflow-y:auto;box-shadow:0 16px 50px #0006}.manual-context-menu>p{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin:0;padding:8px 10px;font-size:10px}.manual-context-menu button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.manual-context-menu button:hover,.manual-context-menu button:focus-visible{background:#82b7ff29;outline:none}.manual-context-menu button small{color:var(--text-muted);white-space:nowrap;font-size:10px}.manual-context-menu button[data-heading-level]>span{font-weight:700;line-height:1.3}.manual-context-menu button[data-heading-level="1"]>span{font-size:20px}.manual-context-menu button[data-heading-level="2"]>span{font-size:17px}.manual-context-menu button[data-heading-level="3"]>span{font-size:15px}.manual-context-menu button[aria-checked=true]{background:#82b7ff1f}.manual-context-menu button[data-heading-level]+button:not([data-heading-level]){border-top:1px solid color-mix(in srgb, var(--text-main) 10%, transparent);border-radius:0 0 9px 9px;margin-top:5px;padding-top:12px}.manual-context-menu footer{border-top:1px solid color-mix(in srgb, var(--text-main) 10%, transparent);color:var(--text-muted);margin-top:5px;padding:9px 10px 5px;font-size:10px}@media (max-width:768px),(max-width:900px) and (max-height:500px){.input-form.is-manual-collapsed>.composer-ai-toggle{left:10px}}@media (max-width:600px){.manual-post-footer>span{display:none}.manual-post-title input,.manual-rich-surface,.manual-rich-editor .manual-source-surface{font-size:16px}.manual-rich-surface{padding:14px}.manual-rich-surface[data-empty=true]:before{top:14px;left:14px;right:14px}.editor-tool-group{padding:0 4px}.manual-format-toolbar .editor-tool{min-width:36px;height:40px;padding:0 7px}.editor-tool.has-label span{display:none}}@media (prefers-reduced-motion:reduce){.manual-format-toolbar .editor-tool{transition:none}}
.canvas-palette{height:100%;min-height:0;color:var(--workspace-panel-text,#eee);flex-direction:column;gap:14px;display:flex}.canvas-palette-scroll{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:2px 3px 10px;overflow-y:auto}.palette-intro{color:var(--workspace-panel-muted);margin:0 0 16px;font-size:12px;line-height:1.5}.palette-motifs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.palette-motifs button{border:1px solid var(--workspace-panel-border);color:inherit;cursor:pointer;text-align:left;background:0 0;border-radius:15px;padding:5px}.palette-motifs button.selected{border-color:currentColor}.palette-motifs button:hover{background:var(--workspace-panel-raised)}.palette-landscape{background:radial-gradient(ellipse at 75% 10%, var(--tone-b), transparent 75%), linear-gradient(155deg, var(--tone-a), #05070c);border-radius:10px;height:78px;display:block;position:relative;overflow:hidden}.palette-landscape i{background:#fff;border-radius:50%;width:2px;height:2px;position:absolute;top:30%;left:22%;box-shadow:32px 28px #ffffff80,90px -4px 1px #fff,122px 18px #ffffff90}.palette-landscape i:nth-child(2){opacity:.4;top:65%;left:62%}.palette-landscape i:nth-child(3){opacity:.6;top:18%;left:70%}.palette-landscape svg{color:#fff;box-sizing:content-box;background:#0006;border-radius:50%;padding:3px;position:absolute;bottom:8px;right:8px}.palette-motif-name{padding:9px 6px 5px;font-size:12px;font-weight:550;display:block}.palette-custom-toggle{width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;padding:16px 2px 10px;font-size:12px;display:flex}.palette-custom-toggle span:last-child{color:var(--workspace-panel-muted)}.palette-color-pair,.palette-ranges{grid-template-columns:1fr 1fr;gap:16px;display:grid}.palette-color-pair label{align-items:center;gap:10px;font-size:12px;display:flex}.palette-color-pair small{color:var(--workspace-panel-muted);margin-top:4px;font-size:10px;display:block}.palette-color-pair input{cursor:pointer;background:0 0;border:0;border-radius:10px;width:44px;height:44px;padding:0}.palette-blend{border-radius:8px;height:12px;margin:14px 0}.palette-ranges label{color:var(--workspace-panel-muted);font-size:11px}.palette-ranges input{accent-color:#7b8df3;width:100%;min-height:30px;display:block}.palette-footer{border-top:1px solid var(--workspace-panel-border);flex-shrink:0;justify-content:space-between;gap:10px;padding-top:10px;display:flex}.palette-swap{border:1px solid var(--workspace-panel-border);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin-top:8px;padding:8px 12px;font-size:11px}.palette-color-pair input::-webkit-color-swatch-wrapper{padding:0}.palette-color-pair input::-webkit-color-swatch{border:1px solid var(--workspace-panel-border);border-radius:10px}.palette-color-pair input::-moz-color-swatch{border:1px solid var(--workspace-panel-border);border-radius:10px}.canvas-palette button:focus-visible,.canvas-palette input:focus-visible{outline-offset:3px;outline:2px solid #7b8df3}body.light-theme .palette-landscape{background:radial-gradient(ellipse at 24% 32%, color-mix(in srgb, var(--light-cloud-a) 64%, transparent), transparent 70%), radial-gradient(ellipse at 76% 74%, color-mix(in srgb, var(--light-cloud-b) 64%, transparent), transparent 75%), linear-gradient(180deg, var(--light-sky-a), var(--light-sky-b))}body.light-theme .palette-landscape i{background:#63758d;box-shadow:32px 28px #63758d60,90px -4px 1px #fff,122px 18px #63758d70}@media (max-width:768px){.palette-motifs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.palette-landscape{height:64px}.palette-footer{flex-wrap:wrap}.canvas-palette button{min-height:44px}.palette-footer .notch-studio-actions{margin-left:auto}}@media (max-width:380px){.palette-ranges{grid-template-columns:1fr;gap:8px}.palette-footer>button{width:100%}.palette-footer .notch-studio-actions{justify-content:flex-end;width:100%}}
:where(body .canvas-app.has-solid-material) .node-box-lite.node-pixel-lite{opacity:1}body .canvas-app.has-solid-material .node-glass.node-pixel,body .canvas-app.has-solid-material .node-box-lite.node-pixel-lite{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#000!important}body .canvas-app.has-solid-material .composer-shell.lg-modal{--detail-opacity:100%;background:var(--detail-base)!important}body .canvas-app.has-solid-material .composer-shell.lg-modal>.codepen-glass-filter{display:none}body .canvas-app.has-solid-material .composer-shell.lg-modal>.codepen-glass-overlay{background:radial-gradient(ellipse at 0% 0%, color-mix(in srgb, var(--card-accent) var(--detail-tint), transparent), transparent 65%), radial-gradient(ellipse at 100% 100%, color-mix(in srgb, var(--card-accent-2) var(--detail-tint), transparent), transparent 60%), var(--detail-base)}body .canvas-app .composer-shell.is-composer-solid{--text-main:#f4f4f5;--text-muted:#96969f;--bg-main:#000;color:#f4f4f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000!important}body .canvas-app .composer-shell.is-composer-solid>.codepen-glass-filter,body .canvas-app .composer-shell.is-composer-solid>.codepen-glass-specular,body .canvas-app .composer-shell.is-composer-solid>.codepen-glass-overlay:after{display:none}body .canvas-app .composer-shell.is-composer-solid>.codepen-glass-overlay{background:#000;transition:none}body .canvas-app .composer-shell.is-composer-solid .composer-message-field{box-shadow:none;background:#000;border-color:#262629}body .canvas-app .composer-shell.is-composer-solid .chat-input{color:#f4f4f5;background:0 0}body .canvas-app .composer-shell.is-composer-solid .chat-input::placeholder{color:#909099}body .canvas-app .composer-shell.is-composer-solid .composer-ai-toggle{color:#b8b8c0;background:#161618}body .canvas-app .composer-shell.is-composer-solid .composer-ai-toggle:before{background:#333337}body .canvas-app .composer-shell.is-composer-solid .composer-ai-toggle.is-enabled,body .canvas-app .composer-shell.is-composer-solid .composer-ai-toggle.is-enabled .is-ai{color:#fff}body .canvas-app .composer-shell.is-composer-solid .send-btn{color:#080809;box-shadow:none;background:#e7e7eb}body .canvas-app .composer-shell.is-composer-solid .send-btn:disabled{color:#8a8a94;opacity:1;background:#252528}.settings-composer-preview{background:radial-gradient(circle at 25% 70%,#424958,#202126 75%);border-radius:7px;place-items:center;height:42px;display:grid}.settings-composer-preview>span{background:#000;border-radius:999px;width:80%;height:18px;box-shadow:0 4px 8px #0005}.settings-composer-preview.is-glass>span{background:linear-gradient(150deg,#ffffff25,#ffffff08);border:1px solid #ffffff30}
body .canvas-app:not(.is-phone-viewport) .lg-input-wrapper :is(.composer-ai-toggle,.send-btn,.send-btn.active,.send-btn:disabled){color:#777781;background:0 0;border:0;transition:color .16s;transform:none;box-shadow:inset 0 3px 7px #0009,inset 0 -2px 6px #ffffff05}body .canvas-app:not(.is-phone-viewport) .lg-input-wrapper .composer-ai-toggle{box-shadow:none;background:#080809!important;border:1px solid #252528!important}body .canvas-app:not(.is-phone-viewport) .lg-input-wrapper .composer-ai-toggle:before{content:"";width:calc(50% - 3px);box-shadow:none;background:#18181c;border:0;border-radius:999px;transition:transform .24s cubic-bezier(.2,.8,.2,1),background .16s;display:block;position:absolute;inset:3px auto 3px 3px;transform:translate(0)}body .canvas-app:not(.is-phone-viewport) .lg-input-wrapper .composer-ai-toggle.is-enabled:before{background:#18181c;transform:translate(100%)}body .canvas-app:not(.is-phone-viewport) .lg-input-wrapper .composer-ai-toggle:hover:not(:disabled):before{background:#202024}body .canvas-app:not(.is-phone-viewport) .lg-input-wrapper :is(.composer-ai-toggle-icon,.composer-ai-toggle-icon svg,.send-btn svg){filter:none;text-shadow:none}body .canvas-app:not(.is-phone-viewport) .lg-input-wrapper .composer-ai-toggle-icon{color:#696974;transition:color .16s}body .canvas-app:not(.is-phone-viewport) .lg-input-wrapper .composer-ai-toggle.is-disabled .is-manual,body .canvas-app:not(.is-phone-viewport) .lg-input-wrapper .composer-ai-toggle.is-enabled .is-ai,body .canvas-app:not(.is-phone-viewport) .lg-input-wrapper .send-btn.active{color:#e4e8f2}body .canvas-app:not(.is-phone-viewport) .lg-input-wrapper .send-btn:disabled{opacity:1;color:#696974;cursor:default}body .canvas-app:not(.is-phone-viewport) .lg-input-wrapper .send-btn.active:hover:not(:disabled){color:#fff;background:0 0;transform:none}body .canvas-app:not(.is-phone-viewport) .lg-input-wrapper .send-btn.active:active:not(:disabled){transform:translateY(1px)}body .canvas-app:not(.is-phone-viewport) .lg-input-wrapper :is(.send-btn,.composer-ai-toggle):focus{outline:none}body .canvas-app:not(.is-phone-viewport) .lg-input-wrapper :is(.send-btn,.composer-ai-toggle):focus-visible{outline:none;text-decoration:none}body .canvas-app:not(.is-phone-viewport) .lg-input-wrapper :is(.send-btn,.composer-ai-toggle):after{content:none;display:none}body.light-theme .canvas-app:not(.is-phone-viewport) .lg-input-wrapper:not(.is-composer-solid) :is(.composer-ai-toggle,.send-btn,.send-btn.active,.send-btn:disabled){color:#9097a4;background:0 0;border:0;box-shadow:inset 0 3px 7px #35405220,inset 0 -2px 6px #ffffff90}body.light-theme .canvas-app:not(.is-phone-viewport) .lg-input-wrapper:not(.is-composer-solid) .composer-ai-toggle.is-disabled .is-manual,body.light-theme .canvas-app:not(.is-phone-viewport) .lg-input-wrapper:not(.is-composer-solid) .composer-ai-toggle.is-enabled .is-ai,body.light-theme .canvas-app:not(.is-phone-viewport) .lg-input-wrapper:not(.is-composer-solid) .send-btn.active{color:#334665}@media (prefers-reduced-motion:reduce){body .canvas-app:not(.is-phone-viewport) .lg-input-wrapper :is(.send-btn,.composer-ai-toggle-icon){transition:none}}body.light-theme .canvas-app:not(.is-phone-viewport) .lg-input-wrapper:not(.is-composer-solid) .composer-ai-toggle{box-shadow:none;background:#080809!important;border:1px solid #252528!important}body.light-theme .canvas-app:not(.is-phone-viewport) .lg-input-wrapper:not(.is-composer-solid) .composer-ai-toggle.is-disabled .is-manual,body.light-theme .canvas-app:not(.is-phone-viewport) .lg-input-wrapper:not(.is-composer-solid) .composer-ai-toggle.is-enabled .is-ai{color:#e4e8f2}@media (prefers-reduced-motion:reduce){body .canvas-app:not(.is-phone-viewport) .lg-input-wrapper .composer-ai-toggle:before{transition:none}}
body .canvas-app .composer-stage:not([data-tutorial-post]) .composer-shell.lg-modal.theme-active-chat,body .canvas-app .composer-stage:not([data-tutorial-post]) .composer-shell.lg-modal.theme-active-chat .modal-content-wrapper{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--detail-base:#0a0a0a;--detail-control:#191919;--detail-opacity:100%;--detail-grain-opacity:.12;--detail-edge-highlight:#efefef24;--detail-edge-soft:#dedede0a;--detail-notch-highlight:#ebebeb14;--detail-scroll-thumb:#ffffff38;--detail-scroll-hover:#ffffff70;--glass-color:var(--detail-base);--glass-bg:var(--detail-base);--text-main:#f0f0f0;--text-muted:#a8a8a8;--bg-main:#0a0a0a;--bg-secondary:#181818;--forum-text:#f0f0f0;--forum-muted:#a8a8a8;--forum-faint:#828282;--forum-line:#ffffff14;--forum-surface:#ffffff06;--forum-surface-raised:#ffffff0d;--forum-nav:var(--detail-base);--accent:#c2c2c2;--black-alpha-0_3:#0000004d;--black-alpha-0_4:#0006;--black-alpha-0_5:#00000080;--black-alpha-0_55:#0000008c;--black-alpha-0_85:#000000d9;--white-alpha-0:#fff0;--white-alpha-0_02:#ffffff05;--white-alpha-0_03:#ffffff08;--white-alpha-0_05:#ffffff0d;--white-alpha-0_06:#ffffff0f;--white-alpha-0_08:#ffffff14;--white-alpha-0_1:#ffffff1a;--white-alpha-0_15:#ffffff26;--white-alpha-0_2:#fff3;--white-alpha-0_25:#ffffff40;--white-alpha-0_3:#ffffff4d;--white-alpha-0_4:#fff6;--white-alpha-0_5:#ffffff80;--white-alpha-0_6:#fff9;--white-alpha-0_65:#ffffffa6;--white-alpha-0_7:#ffffffb3;--white-alpha-0_8:#fffc;--white-alpha-0_9:#ffffffe6;--white-alpha-0_95:#fffffff2}body .canvas-app .composer-stage:not([data-tutorial-post]) .composer-shell.lg-modal.theme-active-chat{background-color:var(--detail-base)}body .canvas-app .composer-stage:not([data-tutorial-post]) .theme-active-chat .ai-work-progress .ai-work-steps{background:var(--bg-secondary)}body .canvas-app .composer-stage:not([data-tutorial-post]) .theme-active-chat .ai-response-chrome .ai-response-error{color:#e78d91}body .canvas-app .composer-stage:not([data-tutorial-post]) .theme-active-chat .modal-scroll-context-switcher{background:var(--forum-surface);border-color:var(--forum-line)}body .canvas-app .composer-stage:not([data-tutorial-post]) .theme-active-chat .modal-scroll-context-switcher button{color:var(--forum-muted)}body .canvas-app .composer-stage:not([data-tutorial-post]) .theme-active-chat .modal-scroll-context-switcher button:is(:hover,.is-active){color:var(--forum-text)}body .canvas-app .composer-stage:not([data-tutorial-post]) .theme-active-chat .modal-scroll-context-switcher button.is-active{background:var(--forum-surface-raised)}body .canvas-app .composer-stage:not([data-tutorial-post]) .theme-active-chat .live-chat-scroll-button{background:var(--bg-secondary);border-color:var(--forum-line);color:var(--forum-text)}body .canvas-app .composer-stage:not([data-tutorial-post]) .theme-active-chat .reddit-view-active-pill{background:var(--forum-surface-raised);border-color:var(--forum-line)}
body .canvas-app:not(.is-phone-viewport) .category-rail{box-sizing:border-box;border-radius:0 var(--rail-radius,24px) var(--rail-radius,24px) 0;color:#77777e;isolation:isolate;background:#000;border:0;align-items:center;gap:4px;width:60px;max-height:calc(100dvh - 220px);padding:16px 8px 10px;left:0;overflow:visible;box-shadow:12px 0 24px #0000001f}body .canvas-app:not(.is-phone-viewport) .category-rail:before,body .canvas-app:not(.is-phone-viewport) .category-rail:after{content:"";width:var(--rail-radius,24px);height:var(--rail-radius,24px);pointer-events:none;position:absolute;left:0}body .canvas-app:not(.is-phone-viewport) .category-rail:before{top:calc(-1 * var(--rail-radius,24px));background:radial-gradient(circle at 100% 0, transparent max(0px, calc(var(--rail-radius,24px) - .5px)), #000 var(--rail-radius,24px))}body .canvas-app:not(.is-phone-viewport) .category-rail:after{bottom:calc(-1 * var(--rail-radius,24px));background:radial-gradient(circle at 100% 100%, transparent max(0px, calc(var(--rail-radius,24px) - .5px)), #000 var(--rail-radius,24px))}body .canvas-app.workspace-desk:not(.is-phone-viewport) .category-rail{left:var(--desk-left)}@media (min-width:1101px){body .canvas-app:not(.is-phone-viewport):not(.workspace-desk) .category-rail.with-sidebar{left:var(--workspace-panel-width)}}body .canvas-app:not(.is-phone-viewport) .category-rail-list{box-sizing:border-box;flex-shrink:1;gap:2px;width:100%;min-height:0;max-height:min(44vh,380px);padding:12px 0;-webkit-mask-image:linear-gradient(#0000,#000 12px calc(100% - 12px),#0000);mask-image:linear-gradient(#0000,#000 12px calc(100% - 12px),#0000)}body .canvas-app:not(.is-phone-viewport) .category-rail-stop{opacity:1;color:#55555d;background:0 0;grid-template-columns:1fr;place-items:center;min-height:30px;padding:0;display:grid;transform:none}body .canvas-app:not(.is-phone-viewport) .category-rail-index{display:none}body .canvas-app:not(.is-phone-viewport) .category-rail-stop .category-rail-line{width:26px;height:3px;box-shadow:none;background:currentColor;transition:background-color .18s;transform:none}body .canvas-app:not(.is-phone-viewport) .category-rail-stop:is(:hover,:focus-visible){color:#a5a5ad}body .canvas-app:not(.is-phone-viewport) .category-rail-stop.is-current{color:#eeeef0}body .canvas-app:not(.is-phone-viewport) .category-rail-empty{width:100%;height:30px;font-size:0;overflow:hidden}body .canvas-app:not(.is-phone-viewport) .category-rail-empty:after{content:"";background:#29292e;border-radius:99px;width:26px;height:3px;margin:14px auto;display:block}body .canvas-app:not(.is-phone-viewport) .category-rail :is(.category-rail-compass,.category-rail-close){color:#77777e;opacity:1;width:36px;height:32px;box-shadow:none;filter:none;background:0 0;border:0;margin:0;transform:none}body .canvas-app:not(.is-phone-viewport) .category-rail-compass svg{filter:none;width:21px;height:21px}body .canvas-app:not(.is-phone-viewport) .category-rail :is(.category-rail-compass,.category-rail-close):is(:hover,:focus-visible){color:#eeeef0}body .canvas-app:not(.is-phone-viewport) .category-rail button:disabled{opacity:.3;cursor:default}body .canvas-app:not(.is-phone-viewport) .category-rail .canvas-page-controls{box-shadow:none;background:0 0;border:0;flex-direction:row;gap:0;padding:0;display:flex;position:static}body .canvas-app:not(.is-phone-viewport) .category-rail .canvas-page-controls button{color:#a5a5ad;background:0 0;border:0;place-items:center;width:22px;height:30px;padding:0;display:grid}@media (prefers-reduced-motion:reduce){body .canvas-app:not(.is-phone-viewport) .category-rail,body .canvas-app:not(.is-phone-viewport) .category-rail *{scroll-behavior:auto;transition:none}}.category-rail-scroll-area{display:contents}body .canvas-app:not(.is-phone-viewport) .category-rail-scroll-area{flex-shrink:1;width:100%;min-height:0;display:block;position:relative}body .canvas-app:not(.is-phone-viewport) .category-rail-scroll-hint{color:#717179;opacity:0;pointer-events:none;place-items:center;width:16px;height:12px;transition:opacity .22s;display:grid;position:absolute;left:50%;transform:translate(-50%)}body .canvas-app:not(.is-phone-viewport) .category-rail-scroll-hint.is-visible{opacity:.65}body .canvas-app:not(.is-phone-viewport) .category-rail-scroll-hint.is-above{top:0;transform:translate(-50%)rotate(180deg)}body .canvas-app:not(.is-phone-viewport) .category-rail-scroll-hint.is-below{bottom:0}@media (prefers-reduced-motion:reduce){body .canvas-app:not(.is-phone-viewport) .category-rail-scroll-hint{transition:none}}@media (min-width:1101px){body .canvas-app.workspace-desk.personal-workspace:not(.is-phone-viewport) .category-rail{left:calc(var(--desk-left) - var(--desk-edge));width:calc(60px + var(--desk-edge));padding-left:calc(8px + var(--desk-edge));transform-origin:0;transition:left var(--desk-menu-duration) var(--desk-menu-ease)}body .canvas-app.workspace-desk.personal-workspace:not(.is-phone-viewport) .category-rail:before,body .canvas-app.workspace-desk.personal-workspace:not(.is-phone-viewport) .category-rail:after{width:calc(var(--rail-radius,24px) + var(--desk-edge));height:calc(var(--rail-radius,24px) + 1px);left:0}body .canvas-app.workspace-desk.personal-workspace:not(.is-phone-viewport) .category-rail:before{top:calc(-1 * var(--rail-radius,24px))}body .canvas-app.workspace-desk.personal-workspace:not(.is-phone-viewport) .category-rail:after{bottom:calc(-1 * var(--rail-radius,24px))}}@media (prefers-reduced-motion:reduce){body .canvas-app.workspace-desk.personal-workspace:not(.is-phone-viewport) .category-rail{transition:none}}body .canvas-app.workspace-desk:not(.is-phone-viewport) .category-rail>*{opacity:var(--rail-content-opacity,1)!important}body .canvas-app.workspace-desk:not(.is-phone-viewport) .category-rail{--rail-bridge:0px;--rail-curve-x:max(.01px, min(24px, calc(var(--rail-depth,60px) / 2)));--rail-shoulder-x:max(.01px, calc(var(--rail-depth,60px) - var(--rail-curve-x)));--rail-curve-y:min(var(--rail-stretch,24px), 18dvh);width:calc(var(--rail-bridge) + var(--rail-depth,60px));padding-left:calc(var(--rail-bridge) + min(8px, calc(var(--rail-depth,60px) / 8)));padding-right:min(8px, calc(var(--rail-depth,60px) / 8));border-radius:0 var(--rail-curve-x) var(--rail-curve-x) 0 / 0 24px 24px 0;box-shadow:none}body .canvas-app.workspace-desk:not(.is-phone-viewport) .category-rail:before,body .canvas-app.workspace-desk:not(.is-phone-viewport) .category-rail:after{width:calc(var(--rail-bridge) + var(--rail-shoulder-x));height:calc(var(--rail-curve-y) + 1px);left:0}body .canvas-app.workspace-desk:not(.is-phone-viewport) .category-rail:before{top:calc(-1 * var(--rail-curve-y));background:radial-gradient(ellipse var(--rail-shoulder-x) var(--rail-curve-y) at 100% 0, transparent 99%, var(--desk-frame-surface) 100%)}body .canvas-app.workspace-desk:not(.is-phone-viewport) .category-rail:after{bottom:calc(-1 * var(--rail-curve-y));background:radial-gradient(ellipse var(--rail-shoulder-x) var(--rail-curve-y) at 100% 100%, transparent 99%, var(--desk-frame-surface) 100%)}@media (min-width:1101px){body .canvas-app.workspace-desk.personal-workspace:not(.is-phone-viewport) .category-rail{--rail-bridge:var(--desk-edge);width:calc(var(--rail-bridge) + var(--rail-depth,60px));padding-left:calc(var(--rail-bridge) + min(8px, calc(var(--rail-depth,60px) / 8)))}body .canvas-app.workspace-desk.personal-workspace:not(.is-phone-viewport) .category-rail:before,body .canvas-app.workspace-desk.personal-workspace:not(.is-phone-viewport) .category-rail:after{width:calc(var(--rail-bridge) + var(--rail-shoulder-x));height:calc(var(--rail-curve-y) + 1px)}body .canvas-app.workspace-desk.personal-workspace:not(.is-phone-viewport) .category-rail:before{top:calc(-1 * var(--rail-curve-y))}body .canvas-app.workspace-desk.personal-workspace:not(.is-phone-viewport) .category-rail:after{bottom:calc(-1 * var(--rail-curve-y))}}
body .canvas-app :is(img,svg,canvas){-webkit-user-drag:none}
body .canvas-app .canvas-tutorial-post-backdrop{z-index:120000;-webkit-backdrop-filter:blur(11px)grayscale();background:#060708d9;position:fixed;inset:0}.composer-stage[data-tutorial-post]{z-index:120001}.composer-stage[data-tutorial-post] .active-conversation-publish[data-tutorial-post-cue=true]{position:relative;overflow:visible}.composer-stage[data-tutorial-post]>.composer-stage-inner{animation:1.05s cubic-bezier(.22,1,.36,1) 80ms both tutorial-post-window-in}body .canvas-app .composer-stage[data-tutorial-post] .composer-shell.lg-modal{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--detail-base:#0c0d0e;--detail-control:#191a1c;--detail-opacity:96%;--detail-tint:12%;--detail-edge:20%;--detail-grain-opacity:.1;--detail-edge-highlight:#ffffff24;--detail-edge-soft:#ffffff08;--detail-notch-highlight:#ffffff14;--detail-colour-strength:12%;--detail-colour-soft:7%;--detail-scroll-hover:#ffffff80;--glass-color:var(--detail-base);--glass-bg:var(--detail-base);--surface-tint:#111214f5;--surface-fallback:#111214;--surface-saturation:100%;--theme-color-glow:#ffffff14;--theme-color-glow2:#ffffff08;--theme-color-bg1:#202123;--theme-color-bg2:#101112;--theme-border-top:#ffffff29;--theme-border-left:#ffffff14;--theme-icon:#e2e2e4;--card-accent:#c9c9cc;--card-accent-2:#8d8d91;--card-accent-soft:#ffffff0d;--card-border:#ffffff24;--forum-text:#f2f2f3;--forum-muted:#b0b0b5;--forum-faint:#8d8d94;--forum-line:#ffffff17;--forum-surface:#ffffff06;--forum-surface-raised:#ffffff0d;--forum-nav:var(--detail-base);--bg-main:#0c0d0e;--text-main:#f2f2f3;--text-muted:#b0b0b5;--white-alpha-0_15:#ffffff26;--white-alpha-0_1:#ffffff1a;--white-alpha-0_08:#ffffff14;--white-alpha-0_5:#ffffff80;--white-alpha-0_6:#fff9;--white-alpha-0_7:#ffffffb3;--white-alpha-0_8:#fffc;background:var(--detail-base);box-shadow:0 8px 24px #0005,0 28px 80px #0009}body .canvas-app .composer-stage[data-tutorial-post] .composer-shell.lg-modal>.codepen-glass-overlay{background:radial-gradient(ellipse at 105% 105%, #ffffff12, transparent 66%), radial-gradient(ellipse at 30% 115%, #ffffff08, transparent 58%), var(--detail-base)}body .canvas-app .composer-stage[data-tutorial-post] .lg-modal .modal-inline-input{color:var(--forum-text)}body .canvas-app .composer-stage[data-tutorial-post] .lg-modal .modal-inline-input::placeholder{color:var(--forum-faint)}body .canvas-app .composer-stage[data-tutorial-post] .lg-modal .modal-send-btn{color:#111214;background:#eeeeef;box-shadow:0 4px 14px #0003}body .canvas-app .composer-stage[data-tutorial-post] .lg-modal .modal-send-btn:disabled{color:#111214;background:#eeeeef}@keyframes tutorial-post-window-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.composer-stage[data-tutorial-post]>.composer-stage-inner{animation:none}}
.canvas-app:has(.notifications-dock) .dev-tools-trigger{top:calc(var(--desk-edge,12px) + 70px)}.canvas-app:has(.notifications-dock) .dev-tools-panel{top:calc(var(--desk-edge,12px) + 120px);max-height:calc(100dvh - 156px)}body .canvas-app.is-phone-viewport:has(.notifications-dock) .mac-notch:not(.is-expanded){max-width:min(320px,100% - 132px)}@media (max-width:380px){body .canvas-app.is-phone-viewport:has(.notifications-dock) .mac-notch:not(.is-expanded) .notch-brand span{display:none}}.comment-item[data-notification-target]{background:#ffffff0a;border-radius:12px;scroll-margin-block:16px;box-shadow:0 0 0 1px #ffffff24}.comment-item[data-notification-target]:focus-visible{outline-offset:4px;outline:2px solid #b4b4b4}.light-theme .comment-item[data-notification-target]{background:#00000005;box-shadow:0 0 0 1px #00000020}@property --notifications-reveal{syntax:"<number>";inherits:true;initial-value:0}@property --notifications-left-space{syntax:"<length>";inherits:true;initial-value:0}body .canvas-app{--notifications-reveal:0;--notifications-duration:.28s;--notifications-ease:cubic-bezier(.16, 1, .3, 1);transition:--notifications-reveal var(--notifications-duration) var(--notifications-ease), --notifications-left-space var(--notifications-duration) var(--notifications-ease)}body .canvas-app:has(.notifications-dock.is-open){--notifications-reveal:1}.canvas-app:has(.notifications-dock.is-open) :is(.dev-tools-trigger,.dev-tools-panel){visibility:hidden;pointer-events:none}@media (min-width:1101px){body .canvas-app.workspace-desk{--notifications-duration:.42s;--notifications-ease:cubic-bezier(.22, 1, .36, 1)}body .canvas-app{--notifications-inset:calc(var(--workspace-panel-width) * var(--notifications-reveal));--notifications-left-space:0px}body .canvas-app.has-workspace-sidebar{--notifications-left-space:var(--workspace-panel-width)}body .canvas-app:has(.notifications-dock) .composer-stage{left:var(--notifications-left-space);right:var(--notifications-inset);transition:none}body .canvas-app:has(.notifications-dock) .composer-stage:not(.is-open) .composer-stage-inner{min-width:0;max-width:100%}body .canvas-app:has(.notifications-dock) .composer-stage:not(.is-open) .composer-shell{max-width:100%}body .canvas-app:has(.notifications-dock) .mac-notch{left:calc(50% + var(--notifications-left-space) / 2 - var(--notifications-inset) / 2);max-width:calc(100% - var(--notifications-left-space) - var(--notifications-inset) - 48px);transition:none}body .canvas-app:has(.notifications-dock) .zoom-slider-container{right:calc(var(--notifications-inset) + var(--desk-edge,12px) + 16px);transition:none}body .canvas-app:has(.notifications-dock) .performance-monitor{right:calc(var(--notifications-inset) + var(--desk-edge,12px) + 12px);transition:none}body .canvas-app.workspace-desk:has(.notifications-dock) .canvas-viewport{clip-path:inset(calc(var(--desk-edge) - 1px) calc(var(--desk-edge) + var(--notifications-inset) - 1px) calc(var(--desk-edge) - 1px) calc(var(--desk-edge) + var(--notifications-left-space) - 1px) round var(--desk-radius));transition:none}body .canvas-app.workspace-desk:has(.notifications-dock) .workspace-desk-frame{left:calc(var(--desk-edge) + var(--notifications-left-space));right:calc(var(--desk-edge) + var(--notifications-inset));transition:none}body .canvas-app.workspace-desk.personal-workspace:not(.is-phone-viewport):has(.notifications-dock) :is(.composer-stage,.mac-notch,.canvas-viewport,.workspace-desk-frame){transition:none}}@media (prefers-reduced-motion:reduce){body .canvas-app{transition:none}}