.feed-adapt-card{grid-column:1/-1;scroll-margin-top:90px}.feed-adapt-stage{width:100%;min-height:0;display:block}.feed-adapt-demo{--fa-muted:#7a808c;--fa-stroke:#e4e6ed;width:100%;color:var(--foreground);background:#eaf2ff}.feed-adapt-demo button{font:inherit;cursor:pointer}.feed-adapt-demo button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.feed-adapt-demo input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.feed-adapt-demo [tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.feed-adapt-demo .fa-workbench{grid-template-columns:minmax(0,1fr) 274px;display:grid}.feed-adapt-demo .fa-canvas{background-image:radial-gradient(#c2d4ed .7px,#0000 .7px);background-size:16px 16px;justify-content:center;align-items:center;min-width:0;height:clamp(520px,100dvh - 240px,680px);display:flex;position:relative;overflow:hidden}.feed-adapt-demo .fa-canvas-meta{color:#61758e;font:9px var(--font-geist-mono), monospace;letter-spacing:.06em;white-space:nowrap;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid;position:absolute;top:8px;left:22px;right:22px}.feed-adapt-demo .fa-canvas-meta>:last-child{justify-self:end}.feed-adapt-demo .fa-screen-wrap{isolation:isolate;flex:none;position:relative}.feed-adapt-demo .fa-screen{text-align:left;will-change:transform;background:#fff;border-radius:19px;position:absolute;inset:0 auto auto 0;overflow:hidden;box-shadow:0 18px 50px -14px #2833472c,0 2px 4px #28334708}.feed-adapt-demo .fa-screen input,.feed-adapt-demo .fa-screen button{-webkit-tap-highlight-color:transparent}.feed-adapt-demo .fa-app-brand{z-index:3;height:34px;color:var(--accent);align-items:center;gap:7px;display:flex;position:absolute;top:17px;left:22px}.feed-adapt-demo .fa-app-brand>span{color:#242632;letter-spacing:-1.8px;font-size:28px;font-weight:730;line-height:1}.feed-adapt-demo .fa-brand-period{color:var(--accent)}.feed-adapt-demo .fa-search{color:#959aa5;background:#f6f7f9;border:1px solid #edeef2;border-radius:10px;align-items:center;gap:9px;height:38px;padding:0 13px;display:flex;position:absolute;top:0;left:0}.feed-adapt-demo .fa-search input{width:100%;min-width:0;height:100%;color:var(--foreground);font:12px var(--font-geist-sans), sans-serif;outline-offset:0;background:0 0;border:0;padding:0}.feed-adapt-demo .fa-search input::placeholder{color:#9196a0}.feed-adapt-demo .fa-search button{background:0 0;border:0;flex:none;padding:0 2px;font-size:20px}.feed-adapt-demo .fa-profile{color:#6265a5;background:#e2e4fc;border:3px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:grid;position:absolute;top:0;left:0}.feed-adapt-demo .fa-feed-heading{white-space:nowrap;align-items:baseline;gap:14px;display:flex;position:absolute;top:0;left:0}.feed-adapt-demo .fa-feed-heading h4{letter-spacing:-.85px;margin:0;font-size:23px;font-weight:650;line-height:1.2}.feed-adapt-demo .fa-feed-heading h4>span{color:var(--accent)}.feed-adapt-demo .fa-post-count{color:#9196a0;font:10px var(--font-geist-mono), monospace}.feed-adapt-demo[data-mode=mobile] .fa-post-count{display:none}.feed-adapt-demo .fa-feed-scroll{scrollbar-width:none;overscroll-behavior:contain;overflow-anchor:none;border-radius:10px 10px 0 0;position:absolute;top:0;left:0;overflow:auto}.feed-adapt-demo .fa-feed-scroll::-webkit-scrollbar{display:none}.feed-adapt-demo .fa-masonry{width:100%;position:relative}.feed-adapt-demo .fa-post{margin:0;position:absolute;top:0;left:0}.feed-adapt-demo .fa-post-image{border-radius:11px;width:100%;position:relative;overflow:hidden}.feed-adapt-demo .fa-post-image img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.feed-adapt-demo .fa-save{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#20242b3d;border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;transition:background .15s,color .15s;display:grid;position:absolute;bottom:9px;right:9px}.feed-adapt-demo .fa-save:hover,.feed-adapt-demo .fa-save[aria-pressed=true]{color:var(--accent);background:#fff}.feed-adapt-demo .fa-post h5{letter-spacing:-.1px;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:34px;margin:9px 2px 5px;font-size:12px;font-weight:580;line-height:17px;display:-webkit-box;overflow:hidden}.feed-adapt-demo .fa-post-author{height:18px;color:var(--fa-muted);align-items:center;gap:6px;margin:0 2px;font-size:10px;display:flex}.feed-adapt-demo .fa-post-author>span{color:#414753;border-radius:50%;flex:none;place-items:center;width:17px;height:17px;font-size:8px;display:grid}.feed-adapt-demo .fa-app-nav{z-index:4;border-top:1px solid #0000;position:absolute;top:0;left:0}.feed-adapt-demo[data-mode=mobile] .fa-app-nav{border-top-color:#eceef2}.feed-adapt-demo .fa-nav-item{color:#7d8491;white-space:nowrap;background:0 0;border:0;border-radius:10px;justify-content:flex-start;align-items:center;gap:12px;padding:0 15px;font-size:13px;transition:color .15s,background .15s;display:flex;position:absolute;top:0;left:0}.feed-adapt-demo .fa-nav-symbol,.feed-adapt-demo .fa-nav-label{text-align:left;line-height:16px;display:block;position:absolute;top:0;left:0}.feed-adapt-demo .fa-nav-symbol{width:21px;height:21px}.feed-adapt-demo[data-mode=mobile] .fa-nav-label{text-align:center}.feed-adapt-demo .fa-nav-item[aria-pressed=true]{color:var(--accent);background:#f0f0ff}.feed-adapt-demo .fa-nav-item:hover{color:var(--accent)}.feed-adapt-demo[data-mode=mobile] .fa-nav-item{border-radius:0;flex-direction:column;justify-content:center;gap:5px;padding:0;font-size:10px}.feed-adapt-demo[data-mode=mobile] .fa-nav-item[aria-pressed=true]{background:0 0}.feed-adapt-demo[data-mode=tablet] .fa-nav-item{justify-content:center;gap:7px;padding:0 6px;font-size:12px}.feed-adapt-demo .fa-sidebar-line{pointer-events:none;background:#eceef3;width:1px;position:absolute;top:0;left:203px}.feed-adapt-demo .fa-sidebar-note{color:#858b9b;pointer-events:none;position:absolute;bottom:33px;left:28px}.feed-adapt-demo .fa-sidebar-note>span{margin-bottom:7px;font-size:11px;display:block}.feed-adapt-demo .fa-sidebar-note strong{letter-spacing:-.6px;margin-bottom:20px;font-size:19px;font-weight:450;line-height:1.35;display:block}.feed-adapt-demo .fa-sidebar-note svg{color:#b7b9d5}.feed-adapt-demo .fa-empty{min-height:220px;color:var(--fa-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:25px;font-size:12px;display:flex}.feed-adapt-demo .fa-empty strong{color:var(--foreground);font-size:16px}.feed-adapt-demo .fa-empty button{border:1px solid var(--line);background:var(--accent-soft);color:var(--accent);border-radius:9px;padding:10px 15px}.feed-adapt-demo .fa-resize{z-index:5;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.feed-adapt-demo .fa-resize-width{cursor:ew-resize;width:30px;height:60px;top:calc(50% - 30px);right:-23px}.feed-adapt-demo .fa-resize-height{cursor:ns-resize;width:60px;height:30px;bottom:-23px;left:calc(50% - 30px)}.feed-adapt-demo .fa-resize>span{background:#fff;border:1px solid #d6d9e8;border-radius:6px;transition:border-color .12s,background .12s;display:block;box-shadow:0 2px 4px #20242b0a}.feed-adapt-demo .fa-resize-width>span{width:7px;height:34px}.feed-adapt-demo .fa-resize-height>span{width:34px;height:7px}.feed-adapt-demo[data-resizing=false] .fa-resize:hover>span,.feed-adapt-demo[data-resize-axis=width] .fa-resize-width>span,.feed-adapt-demo[data-resize-axis=height] .fa-resize-height>span{border-color:var(--accent);background:var(--accent)}.feed-adapt-demo .fa-resize-corner{width:27px;height:27px;color:var(--accent);cursor:nwse-resize;background:#fff;border:1px solid #d5d7ee;border-radius:8px;bottom:-15px;right:-15px;box-shadow:0 2px 6px #20242b0a}.feed-adapt-demo .fa-canvas-dimensions{min-height:22px;color:inherit;font:10px/14px var(--font-geist-mono), monospace;letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:4px;padding:0 7px;display:inline-flex}.feed-adapt-demo .fa-canvas-hint{color:#61758e;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;bottom:14px}.feed-adapt-demo .fa-panel{border-left:1px solid var(--fa-stroke);background:#fff;flex-direction:column;justify-content:space-between;gap:16px;min-width:0;padding:20px 22px;display:flex}.feed-adapt-demo .fa-panel-heading{justify-content:space-between;align-items:center;display:flex}.feed-adapt-demo .fa-panel-heading h4{letter-spacing:-.6px;margin:0;font-size:20px;font-weight:500;line-height:24px}.feed-adapt-demo .fa-reset{border:1px solid var(--line);width:30px;height:30px;color:var(--ink-soft);background:#fff;border-radius:8px;place-items:center;padding:0;display:grid}.feed-adapt-demo .fa-reset:hover{background:var(--accent-soft);color:var(--accent)}.feed-adapt-demo .fa-presets{background:#f6f7fa;border:1px solid #eff0f5;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:0;padding:6px;display:grid}.feed-adapt-demo .fa-presets>button{color:#808693;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:64px;padding:10px 4px;font-size:10px;line-height:14px;display:flex}.feed-adapt-demo .fa-presets>button[aria-pressed=true]{color:var(--accent);background:#fff;border-color:#e1e2f6;box-shadow:0 2px 4px #20242b07}.feed-adapt-demo .fa-presets>button:hover{color:var(--accent)}.feed-adapt-demo .fa-presets>button>svg{flex:none}.feed-adapt-demo .fa-presets>button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.feed-adapt-demo .fa-size-readout{font:26px var(--font-geist-mono), monospace;letter-spacing:-1.2px;font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:9px;margin:0;display:flex}.feed-adapt-demo .fa-size-times{color:#b4b8c2;font-size:18px;font-weight:300}.feed-adapt-demo .fa-size-unit{color:#959aa6;letter-spacing:0;font-size:9px}.feed-adapt-demo .fa-dimensions{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:0;display:grid}.feed-adapt-demo .fa-control-label{justify-content:space-between;align-items:center;margin-bottom:2px;font-size:12px;display:flex}.feed-adapt-demo .fa-number-field{border:1px solid var(--line);border-radius:6px;align-items:center;gap:5px;height:27px;padding:0 8px;display:flex}.feed-adapt-demo .fa-number-field input{width:40px;height:100%;color:var(--foreground);text-align:right;font:11px var(--font-geist-mono), monospace;-webkit-appearance:textfield;appearance:textfield;background:0 0;border:0;padding:0}.feed-adapt-demo .fa-number-field input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.feed-adapt-demo .fa-number-field input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.feed-adapt-demo .fa-number-field>span{color:#a2a6b1;font:10px var(--font-geist-mono), monospace}.feed-adapt-demo .fa-slider>div{min-height:22px}.feed-adapt-demo .fa-slider [data-slot=slider-track]{background:#ebeef5;height:4px}.feed-adapt-demo .fa-slider [data-slot=slider-range]{background:var(--accent);height:100%}.feed-adapt-demo .fa-slider [data-slot=slider-thumb]{background:var(--accent);border:3px solid #fff;width:14px;height:14px;box-shadow:0 0 0 1px #d5d8ee,0 2px 4px #20242b1a}.feed-adapt-demo .fa-slider [data-slot=slider-thumb]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.feed-adapt-demo .fa-range-labels{color:#999fac;font:9px var(--font-geist-mono), monospace;justify-content:space-between;display:none}.feed-adapt-demo .fa-layout-info{border-top:1px solid #eeeff4;margin-top:0;padding-top:14px}.feed-adapt-demo .fa-info-title{color:#767c88;justify-content:space-between;align-items:center;font-size:11px;display:flex}.feed-adapt-demo .fa-mode-badge{background:var(--accent-soft);color:#6064d5;font:9px var(--font-geist-mono), monospace;border-radius:5px;align-items:center;gap:5px;padding:4px 7px;display:flex}.feed-adapt-demo .fa-mode-badge>span{background:var(--accent);border-radius:50%;width:4px;height:4px}.feed-adapt-demo .fa-layout-info dl{gap:8px;margin:12px 0 0;display:grid}.feed-adapt-demo .fa-layout-info dl>div{justify-content:space-between;align-items:center;display:flex}.feed-adapt-demo .fa-layout-info dt{color:#8c919d;font-size:11px}.feed-adapt-demo .fa-layout-info dd{font:10px var(--font-geist-mono), monospace;align-items:center;gap:8px;margin:0;display:flex}.feed-adapt-demo .fa-column-glyph{gap:2px;display:flex}.feed-adapt-demo .fa-column-glyph>i{background:#9396d6;border-radius:1px;width:3px;height:10px}.feed-adapt-demo .fa-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1100px){.feed-adapt-demo .fa-workbench{grid-template-columns:minmax(0,1fr) 224px}.feed-adapt-demo .fa-panel{padding-inline:18px}}@media (max-width:599px){.feed-adapt-demo .fa-workbench{grid-template-columns:minmax(0,1fr)}.feed-adapt-demo .fa-canvas{height:clamp(330px,100dvh - 480px,460px)}.feed-adapt-demo .fa-panel{border-left:0;border-top:1px solid var(--fa-stroke);grid-template-columns:1fr 1fr;gap:12px 16px;padding:12px 16px;display:grid}.feed-adapt-demo .fa-panel-heading{grid-column:1}.feed-adapt-demo .fa-presets{grid-area:1/2;gap:2px;margin-top:0;padding:4px}.feed-adapt-demo .fa-presets>button{padding-inline:2px}.feed-adapt-demo .fa-presets>button:focus-visible{outline-offset:1px}.feed-adapt-demo .fa-size-readout{display:none}.feed-adapt-demo .fa-dimensions{grid-area:2/1/auto/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:0}.feed-adapt-demo .fa-layout-info{grid-column:1/-1;margin-top:0;padding-top:10px}.feed-adapt-demo .fa-layout-info dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.feed-adapt-demo .fa-layout-info dl>div{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width:440px){.feed-adapt-demo .fa-canvas-meta{letter-spacing:0;font-size:8px;left:14px;right:14px}.feed-adapt-demo .fa-canvas-dimensions{gap:3px;padding-inline:5px;font-size:9px}.feed-adapt-demo .fa-panel{gap:12px 16px;padding:12px 16px}.feed-adapt-demo .fa-panel-heading h4{font-size:20px}.feed-adapt-demo .fa-presets{gap:2px;padding:4px}.feed-adapt-demo .fa-presets>button{font-size:9px}.feed-adapt-demo .fa-dimensions{gap:16px}}@media (prefers-reduced-motion:reduce){.feed-adapt-demo *,.feed-adapt-demo :before,.feed-adapt-demo :after{scroll-behavior:auto;transition:none}}.prompt-refine-card{scroll-margin-top:90px}.prompt-refine-stage{display:block}.prompt-refine-demo{--pr-paper:#fff;--pr-text:#151515;--pr-line:#eaeaea;--pr-user:#e5f3ff;--pr-user-text:#006dce;--pr-input:#f2f2f2;--pr-chip:#f3f4f6;--pr-chip-text:#686f79;--pr-blue:#008cff;width:100%;min-height:0;color:var(--pr-text);flex-direction:column;padding:6px 12px 40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;display:flex;position:absolute;inset:0}.prompt-refine-demo button,.prompt-refine-demo textarea{font:inherit}.prompt-refine-demo button{cursor:pointer;-webkit-tap-highlight-color:transparent}.prompt-refine-demo button:disabled{cursor:default}.prompt-refine-demo button:focus-visible{outline-offset:2px;outline:2px solid #687282}.prompt-refine-demo [contenteditable=true]:focus-visible{outline-offset:2px;outline:2px solid #687282}.prompt-refine-demo .pr-controls{width:100%;max-width:390px;height:36px;color:var(--ink-soft);font:9px var(--font-geist-mono), monospace;flex:0 0 36px;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.prompt-refine-demo .pr-speed{min-width:44px;height:44px;color:inherit;font:inherit;text-align:right;background:0 0;border:0;padding:0}.prompt-refine-demo .pr-screen{isolation:isolate;background:var(--pr-paper);width:100%;max-width:390px;min-height:0;color:var(--pr-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:1px solid #eceef1;border-radius:24px;flex-direction:column;flex:1;justify-content:center;margin:0 auto;display:flex;position:relative;overflow:clip}.prompt-refine-demo .pr-scroll{overscroll-behavior-y:contain;overflow-anchor:none;scrollbar-width:none;flex:1;min-height:0;padding:20px 14px 16px;overflow:hidden auto}.prompt-refine-demo .pr-scroll::-webkit-scrollbar{display:none}.prompt-refine-demo .pr-rail::-webkit-scrollbar{display:none}.prompt-refine-demo .pr-turn+.pr-turn{margin-top:24px}.prompt-refine-demo .pr-user{background:var(--pr-user);width:fit-content;max-width:88%;color:var(--pr-user-text);white-space:pre-wrap;border-radius:23px;margin-left:auto;padding:10px 16px;font-size:17px;line-height:1.52}.prompt-refine-demo .pr-reply{margin-top:20px}.prompt-refine-demo .pr-wait{align-items:center;height:24px;padding-left:16px;display:flex}.prompt-refine-demo .pr-wait>span{background:#777;border-radius:50%;width:8px;height:8px;animation:1.05s ease-in-out 3 pr-wait}.prompt-refine-demo .pr-card{border:1px solid var(--pr-line);background:var(--pr-paper);border-radius:24px;overflow:hidden}.prompt-refine-demo .pr-card-inner{padding:14px 14px 16px}.prompt-refine-demo .pr-card-head{color:#646464;justify-content:space-between;align-items:center;gap:10px;height:26px;font-size:15px;font-weight:500;line-height:1.4;display:flex}.prompt-refine-demo .pr-card-actions{color:#151515;align-items:center;gap:14px;margin-right:-4px;display:flex}.prompt-refine-demo .pr-card-actions button{width:28px;height:28px;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.prompt-refine-demo .pr-answer{color:var(--pr-text);letter-spacing:-.15px;overflow-wrap:break-word;margin:14px 0 0;font-size:17px;line-height:1.52}.prompt-refine-demo .pr-answer[contenteditable=true]{border-radius:4px;box-shadow:0 0 0 1px #dadce2}.prompt-refine-demo .pr-word{display:inline-block}.prompt-refine-demo .pr-prompt-slot{height:0;overflow:hidden}.prompt-refine-demo .pr-prompt-slot.is-open{height:48px}.prompt-refine-demo .pr-rail-wrap{min-width:0;padding-top:4px;position:relative}.prompt-refine-demo .pr-rail-wrap:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff);width:17px;position:absolute;inset:0 0 0 auto}.prompt-refine-demo .pr-rail-wrap.at-end:after{display:none}.prompt-refine-demo .pr-rail{overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;flex-wrap:nowrap;align-items:center;gap:6px;width:100%;height:44px;padding:0 1px;display:flex;overflow:auto hidden}.prompt-refine-demo .pr-rail.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.prompt-refine-demo .pr-chip{min-height:44px;color:var(--pr-chip-text);white-space:nowrap;background:0 0;border:0;flex:none;align-items:center;margin:0;padding:0;font-size:12px;line-height:1;display:flex}.prompt-refine-demo .pr-chip-face{background:var(--pr-chip);white-space:nowrap;border-radius:999px;align-items:center;height:26px;padding:0 10px;transition:background-color .13s,color .13s;display:inline-flex}.prompt-refine-demo .pr-chip:focus-visible{outline:none}.prompt-refine-demo .pr-chip:focus-visible .pr-chip-face{outline-offset:2px;color:#515965;background:#e6e9ee;outline:2px solid #687282}.prompt-refine-demo .pr-composer-zone{flex:none;padding:16px}.prompt-refine-demo .pr-composer{background:var(--pr-input);border-radius:23px;align-items:flex-end;gap:8px;min-height:48px;padding:6px 8px 6px 14px;display:flex}.prompt-refine-demo .pr-composer textarea{resize:none;color:#161616;background:0 0;border:0;width:100%;min-width:0;margin:0;padding:5px 0;font-size:17px;line-height:1.5;display:block;overflow:hidden}.prompt-refine-demo .pr-send{background:0 0;border:0;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;margin:-4px -4px -4px 0;padding:0;display:flex}.prompt-refine-demo .pr-send>span{color:#fff;background:#151515;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.prompt-refine-demo .pr-flight-layer{z-index:8;pointer-events:none;position:absolute;inset:0;overflow:hidden}.prompt-refine-demo .pr-flight{white-space:nowrap;transform-origin:50%;justify-content:center;align-items:center;margin:0;font-weight:400;line-height:1.52;display:flex;position:absolute}.prompt-refine-demo .pr-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.prompt-refine-demo [hidden]{display:none}@keyframes pr-wait{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@media (hover:hover){.prompt-refine-demo .pr-chip:hover .pr-chip-face{color:#555d69;background:#e9ebef}}@media (max-width:380px){.prompt-refine-demo{padding-left:8px;padding-right:8px}.prompt-refine-demo .pr-user{max-width:94%}.prompt-refine-demo .pr-composer-zone{padding:12px}}@media (pointer:coarse){.prompt-refine-demo .pr-card-actions{gap:1px;margin-right:-10px}.prompt-refine-demo .pr-card-actions button{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.prompt-refine-demo .pr-wait>span{animation:none}.prompt-refine-demo .pr-chip-face{transition:none}}#liquid-swipe{scroll-margin-top:90px}.liquid-swipe-demo{width:100%;max-width:480px;color:var(--foreground);padding:22px 0 40px}.liquid-swipe-demo .liquid-swipe-scene{width:100%;height:180px;position:relative;overflow:hidden}.liquid-swipe-demo .liquid-swipe-control{width:360px;height:180px;transform:translate(-50%, -50%) scale(var(--liquid-scale,1));transform-origin:50%;position:absolute;top:50%;left:50%}.liquid-swipe-demo .liquid-swipe-surface{position:absolute;inset:0}.liquid-swipe-demo .liquid-swipe-shapes{pointer-events:none;width:360px;height:180px;position:absolute;inset:0;overflow:visible}.liquid-swipe-demo .liquid-swipe-notification{color:#41495d;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:32px;place-items:center;width:280px;height:72px;padding:0;display:grid;position:absolute;top:54px;left:40px;overflow:hidden}.liquid-swipe-demo [data-dragging=true] .liquid-swipe-notification{cursor:grabbing}.liquid-swipe-demo .liquid-swipe-grip{white-space:nowrap;pointer-events:none;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.liquid-swipe-demo .liquid-swipe-grip svg{color:#8c94a5}.liquid-swipe-demo .liquid-swipe-actions{pointer-events:none;position:absolute;inset:0}.liquid-swipe-demo .liquid-swipe-action-position{text-align:center;width:54px;position:absolute;top:63px}.liquid-swipe-demo .liquid-swipe-action{color:#55617b;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;width:54px;height:54px;padding:0;transition:color .12s,scale .14s;display:grid}.liquid-swipe-demo .liquid-swipe-action:hover{color:#5458dd;scale:1.025}.liquid-swipe-demo .liquid-swipe-action:active{scale:.96}.liquid-swipe-demo .liquid-swipe-action[aria-pressed=true]{color:#5458dd}.liquid-swipe-demo .liquid-swipe-action-label{color:#737e93;margin-top:7px;font-size:10px;line-height:1.3;display:block}.liquid-swipe-demo .liquid-swipe-notification:focus-visible{color:#4549c7;background:#6b6ff91f;outline:none}.liquid-swipe-demo .liquid-swipe-action:focus-visible{color:#4549c7;background:#6b6ff91f;outline:none}.liquid-swipe-demo .liquid-swipe-empty button:focus-visible{color:#4549c7;background:#6b6ff91f;outline:none}.liquid-swipe-demo .liquid-swipe-empty{color:#57647e;flex-direction:column;justify-content:center;align-items:center;gap:9px;font-size:14px;display:flex;position:absolute;inset:0}.liquid-swipe-demo .liquid-swipe-empty button{background:var(--paper);color:#57647e;cursor:pointer;border:0;border-radius:22px;align-items:center;gap:6px;min-height:42px;margin-top:1px;padding:0 15px;font-size:12px;display:flex}.liquid-swipe-demo .liquid-swipe-hint{color:#707b8e;justify-content:center;align-items:center;gap:7px;margin-top:2px;font-size:11px;line-height:1.4;display:flex}.liquid-swipe-demo .liquid-swipe-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.liquid-swipe-demo .liquid-swipe-action{transition:none}}.fold-focus-card,.object-orbit-card{grid-column:span 2;scroll-margin-top:90px}.fold-focus-demo,.object-orbit-demo{width:100%;height:100%;color:var(--foreground);padding:28px 32px 44px;position:absolute;inset:0}.object-orbit-demo .spatial-study-heading{z-index:1;color:#7d818b;font-family:var(--font-geist-mono), monospace;letter-spacing:.065em;justify-content:space-between;gap:12px;font-size:9px;display:flex;position:relative}.fold-focus-demo .spatial-scene,.object-orbit-demo .spatial-scene{min-width:0;min-height:0;position:relative}.fold-focus-demo{flex-direction:column;display:flex}.fold-focus-demo .fold-focus-layout{flex-direction:column;flex:1;gap:10px;min-height:0;margin-top:8px;display:flex}.fold-focus-demo .fold-focus-viewport{flex:1;min-height:0;position:relative}.fold-focus-demo .spatial-scene{position:absolute;inset:0 40px}.fold-focus-demo .spatial-scene-canvas,.object-orbit-demo .spatial-scene-canvas{position:absolute;inset:0}.fold-focus-demo .spatial-scene-canvas canvas,.object-orbit-demo .spatial-scene-canvas canvas{width:100%;height:100%;display:block}.fold-focus-demo .spatial-scene-fallback,.object-orbit-demo .spatial-scene-fallback{text-align:center;color:var(--ink-soft);place-content:center;padding:22px;font-size:11px;display:grid;position:absolute;inset:0}.fold-focus-demo .fold-focus-controls{z-index:1;flex-direction:column;flex:none;align-items:stretch;width:min(100%,256px);margin:0 auto;display:flex;position:relative;transform:translateY(-24px)}.fold-focus-demo .fold-focus-hint{color:var(--ink-soft);text-align:center;margin-top:3px;font-size:9px}.fold-focus-demo .fold-focus-slider{flex:1;min-width:0}.fold-focus-demo .fold-focus-slider>div{cursor:ew-resize;height:32px}.fold-focus-demo .fold-focus-slider [data-slot=slider-track]{background:#dadce4;border-radius:8px;height:5px}.fold-focus-demo .fold-focus-slider [data-slot=slider-range]{background:#8a8df3}.fold-focus-demo .fold-focus-slider [data-slot=slider-thumb]{background:#fff;border:1px solid #fff;border-radius:99px;width:28px;height:20px;box-shadow:0 2px 5px #2226391c,0 0 0 1px #d7d9e1}.fold-focus-demo .fold-focus-slider [data-slot=slider-thumb]:before{content:"";border-left:1px solid #8b8e9a;border-right:1px solid #8b8e9a;position:absolute;inset:6px 10px}.fold-focus-demo .fold-focus-slider [data-slot=slider-thumb]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.fold-focus-demo .fold-focus-wallpapers{flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.fold-focus-demo .fold-focus-wallpapers>button{cursor:pointer;background:#fff;border:1px solid #dce0e7;border-radius:7px;width:34px;height:42px;padding:2px;transition:border-color .14s,box-shadow .14s;display:block}.fold-focus-demo .fold-focus-wallpapers>button img{object-fit:cover;border-radius:4px;width:100%;height:100%;display:block}.fold-focus-demo .fold-focus-wallpapers>button:hover{border-color:#a8acb8}.fold-focus-demo .fold-focus-wallpapers>button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.fold-focus-demo .fold-focus-wallpapers>button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.object-orbit-demo{flex-direction:column;display:flex}.object-orbit-demo .object-orbit-layout{flex:1;grid-template-columns:max-content minmax(0,1fr);min-height:0;margin:0 -16px 0 -4px;display:grid}.object-orbit-demo .spatial-scene{pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 8px,#000 80px calc(100% - 80px),#0000 calc(100% - 8px)),linear-gradient(#0000 2%,#000 14% 76%,#0000 93%);mask-image:linear-gradient(90deg,#0000 8px,#000 80px calc(100% - 80px),#0000 calc(100% - 8px)),linear-gradient(#0000 2%,#000 14% 76%,#0000 93%);-webkit-mask-composite:source-in;mask-composite:intersect}.object-orbit-demo .object-orbit-views{--orbit-view-height:39px;--orbit-view-gap:5px;z-index:1;align-self:center;gap:var(--orbit-view-gap);flex-direction:column;width:max-content;display:flex;position:relative}.object-orbit-demo .object-orbit-highlight{height:var(--orbit-view-height);pointer-events:none;border-radius:8px;transition:transform .38s cubic-bezier(.22,.8,.2,1),opacity .14s;position:absolute;inset:0 0 auto}.object-orbit-demo .object-orbit-highlight-hover{opacity:var(--orbit-preview-opacity);transform:translateY(calc(var(--orbit-preview-index) * (var(--orbit-view-height) + var(--orbit-view-gap))));background:#ffffff90}.object-orbit-demo .object-orbit-highlight-selected{transform:translateY(calc(var(--orbit-selected-index) * (var(--orbit-view-height) + var(--orbit-view-gap))));background:#fff;box-shadow:0 3px 8px #30386d09}.object-orbit-demo .object-orbit-views>button{width:100%;height:var(--orbit-view-height);color:var(--ink-soft);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;align-items:center;gap:8px;padding:9px 12px;font-size:11px;transition:color .16s;display:flex;position:relative}.object-orbit-demo .object-orbit-views>button svg{flex:none}.object-orbit-demo .object-orbit-views>button:hover{color:var(--foreground)}.object-orbit-demo .object-orbit-views>button[aria-pressed=true]{color:#5559ce}.object-orbit-demo .object-orbit-views>button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.object-orbit-demo .object-orbit-note{z-index:1;border-top:1px solid #dfe2ea;flex:none;align-items:baseline;gap:11px;min-height:29px;padding-top:6px;display:flex;position:relative}.object-orbit-demo .object-orbit-note>span{color:#9699a6;font-family:var(--font-geist-mono), monospace;font-size:9px}.object-orbit-demo .object-orbit-note>p{color:var(--ink-soft);margin:0;font-size:10px;line-height:1.5}@media (prefers-reduced-motion:reduce){.object-orbit-demo .object-orbit-views>button,.object-orbit-demo .object-orbit-highlight,.fold-focus-demo .fold-focus-wallpapers>button{transition:none}}@media (min-width:721px) and (max-width:1240px){.object-orbit-demo .object-orbit-views{--orbit-view-height:34px;--orbit-view-gap:3px}.object-orbit-demo .object-orbit-views>button{padding-block:7px}.fold-focus-demo{padding-block:20px 32px}.fold-focus-demo .fold-focus-wallpapers>button{width:28px;height:32px}.fold-focus-demo .fold-focus-controls{transform:translateY(-16px)}}@media (max-width:720px){.fold-focus-card,.object-orbit-card{grid-column:1/-1}.fold-focus-demo,.object-orbit-demo{padding:24px 22px 40px}}@media (max-width:520px){.fold-focus-demo .spatial-scene{inset-inline:28px}.fold-focus-demo .fold-focus-wallpapers>button{width:28px;height:36px}}@media (max-width:380px){.fold-focus-demo,.object-orbit-demo{padding-left:16px;padding-right:16px}.object-orbit-demo .spatial-study-heading>span:last-child,.fold-focus-demo .spatial-study-heading>span:last-child{display:none}}.card-material-card{grid-column:span 2;scroll-margin-top:92px}.card-material-demo{--card-quiet:#566481;background:var(--stage-blue);color:var(--foreground);flex-direction:column;padding:20px 26px 41px;display:flex;position:absolute;inset:0}.card-material-demo button{cursor:pointer}.card-material-demo button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.card-material-demo .card-material-layout{flex:1;gap:24px;min-height:0;display:flex}.card-material-demo .card-material-viewport{flex:1;min-width:0;min-height:0;position:relative}.card-material-demo .card-material-canvas{position:absolute;inset:-14px -8px 8px;-webkit-mask-image:linear-gradient(#0000,#000 7% 88%,#0000);mask-image:linear-gradient(#0000,#000 7% 88%,#0000)}.card-material-demo .card-material-canvas canvas{width:100%;height:100%;display:block}.card-material-demo .card-material-hit{aspect-ratio:1.588;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:18px;width:auto;max-width:80%;height:65%;padding:0;position:absolute;top:calc(50% - 11px);left:50%;transform:translate(-50%,-50%)}.card-material-demo .card-material-hit:focus-visible{outline-offset:0}.card-material-demo .card-material-tools{z-index:1;flex-direction:column;flex:0 0 136px;align-self:center;align-items:flex-start;display:flex}.card-material-demo .card-material-picker{border:0;min-width:0;margin:0;padding:0}.card-material-demo .card-material-picker-title{color:var(--card-quiet);margin-bottom:12px;padding:0;font-size:11px;line-height:1.4}.card-material-demo .card-material-swatches{grid-template-columns:repeat(3,36px);gap:8px 10px;display:grid}.card-material-demo .card-material-swatches>button{background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;transition:background .18s;display:grid}.card-material-demo .card-material-swatches>button:hover{background:#ffffff70}.card-material-demo .card-material-swatches>button[aria-pressed=true]{background:#fff}.card-material-demo .card-material-swatch{border:1px solid #0000000a;border-radius:50%;width:24px;height:24px;display:block;box-shadow:inset 0 1px 2px #fff8}.card-material-demo .card-material-swatch-classic{background:linear-gradient(125deg,#9a9ff9,#555ac5)}.card-material-demo .card-material-swatch-plush{background:linear-gradient(#ffffff65,#ffffff65),url(/materials/blush-fur.jpg) 50%/90px}.card-material-demo .card-material-swatch-felt{background:#8fa180 url(/materials/sage-felt.jpg) 50%/46px}.card-material-demo .card-material-swatch-glass{background:linear-gradient(135deg,#d0d7f480,#ffffff90 40%,#b4c1dc80 68%,#fff);box-shadow:inset 1px 1px 2px #fff,inset -1px -1px 2px #a5b2d4}.card-material-demo .card-material-swatch-mirror{background:linear-gradient(135deg,#505663,#f7f8ff 36%,#fcfcff 43%,#595e69 51%,#c5c8d1 79%,#fff)}.card-material-demo .card-material-swatch-gold{background-blend-mode:screen;background:url(/materials/gold-bird-blossom.png) 72% 45%/58px,linear-gradient(125deg,#f0d384,#b27d25 55%,#eacb76)}.card-material-demo .card-material-swatch-holo{background:linear-gradient(130deg,#283b64 8%,#6f7db5 25%,#99d6c9 41%,#e9d789 50%,#ca9caf 57%,#576fa2 71%,#26345b 90%)}.card-material-demo .card-material-chip-toggle{background:0 0;border:0;border-radius:6px;flex:none;justify-content:flex-start;align-items:center;gap:8px;width:100px;height:31px;margin-top:20px;padding:0;font-size:11px;display:flex}.card-material-demo .card-material-chip-track{background:#9aaac8;border-radius:999px;flex:0 0 30px;height:18px;transition:background .18s;display:block;position:relative}.card-material-demo .card-material-chip-track>span{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #29385b24}.card-material-demo .card-material-chip-state{width:18px;color:var(--card-quiet);font-size:10px;font-weight:500}.card-material-demo .card-material-chip-toggle[aria-checked=true] .card-material-chip-track{background:var(--accent)}.card-material-demo .card-material-chip-toggle[aria-checked=true] .card-material-chip-track>span{transform:translate(12px)}.card-material-demo .card-material-chip-toggle[aria-checked=true] .card-material-chip-state{color:#494fc0}.card-material-demo .card-material-hint{color:var(--card-quiet);flex:none;margin:12px 0 0;font-size:9px;line-height:1.5}.card-material-demo .card-material-fallback{color:var(--card-quiet);text-align:center;place-content:center;margin:0;font-size:11px;display:grid;position:absolute;inset:20%}@media (max-width:720px){.card-material-card{grid-column:1/-1}.card-material-demo{padding:16px 18px 38px}.card-material-demo .card-material-hint{margin-top:9px;font-size:8px}}@media (min-width:721px) and (max-width:1100px){.card-material-demo .card-material-picker-title{margin-bottom:8px}.card-material-demo .card-material-swatches{grid-template-columns:repeat(3,32px);gap:6px 12px}.card-material-demo .card-material-swatches>button{width:32px;height:32px}.card-material-demo .card-material-chip-toggle{height:28px;margin-top:16px}}@media (max-width:560px){.card-material-demo .card-material-layout{gap:10px}.card-material-demo .card-material-tools{flex-basis:100px}.card-material-demo .card-material-picker-title{max-width:92px;margin-bottom:12px}.card-material-demo .card-material-swatches{grid-template-columns:repeat(3,30px);gap:8px 4px}.card-material-demo .card-material-swatches>button{width:30px;height:30px}.card-material-demo .card-material-swatch{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){.card-material-demo .card-material-swatches>button,.card-material-demo .card-material-chip-track,.card-material-demo .card-material-chip-track>span{transition:none}}@font-face{font-family:Crossing Anton;src:url(/fonts/signal-crossing/Anton-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:block}.signal-crossing-demo{--crossing-ink:#bf2540;color:#20242b;grid-template-rows:12px minmax(0,1fr);gap:9px;padding:14px 23px 44px;display:grid;position:absolute;inset:0;overflow:hidden}.signal-crossing-demo .crossing-heading{color:#77756f;font-family:var(--font-geist-mono), monospace;letter-spacing:.07em;justify-content:space-between;gap:8px;font-size:8px;display:flex}.signal-crossing-demo .crossing-scene{--crossing-tail-width:clamp(52px, 22cqw, 58px);--crossing-lamp-height:clamp(84px, 48cqh, 132px);justify-self:center;width:94%;max-width:238px;min-height:0;position:relative;container-type:size}.signal-crossing-demo .crossing-type{grid-template-columns:repeat(var(--crossing-leading-letters), minmax(0, 1fr)) var(--crossing-tail-width);transform-origin:50% 90%;gap:5px;display:grid;position:absolute;inset:0 0 34px}.signal-crossing-demo .crossing-letter{width:100%;min-width:0;height:100%;min-height:0;display:block;overflow:visible}.signal-crossing-demo .crossing-letter-tail{height:calc(100% - var(--crossing-lamp-height) - 9px);align-self:end}.signal-crossing-demo .crossing-type text{fill:var(--crossing-ink);font-synthesis:none;font-family:Crossing Anton,sans-serif;font-size:2048px;font-weight:400}.signal-crossing-demo .crossing-signal{width:var(--crossing-tail-width);height:var(--crossing-lamp-height);background:#252b29;border:1px solid #111716;border-radius:9px;grid-template-rows:repeat(3,minmax(0,1fr));justify-items:center;gap:4px;min-width:0;margin:0;padding:6px;display:grid;position:absolute;top:0;right:0;box-shadow:2px 2px #d6d7cf,inset 0 1px #ffffff26}.signal-crossing-demo .crossing-light{aspect-ratio:1;color:#e1e5de;cursor:pointer;background:#131a17;border:0;border-radius:50%;place-items:center;width:auto;max-width:100%;height:100%;padding:0;display:grid;position:relative;box-shadow:inset 0 2px 4px #0006,0 1px #ffffff15}.signal-crossing-demo .crossing-lens{background-color:#303b33;background-image:radial-gradient(#0006 .7px,#0000 .8px);background-size:3px 3px;border-radius:50%;transition:background-color 90ms,box-shadow 90ms;position:absolute;inset:4px}.signal-crossing-demo .crossing-light[aria-pressed=true]{color:#fff}.signal-crossing-demo .crossing-light-stop[aria-pressed=true] .crossing-lens{background-color:#e74950;box-shadow:0 0 14px #ed40554d,inset 0 1px 2px #fff7}.signal-crossing-demo .crossing-light-alert[aria-pressed=true]{color:#33270b}.signal-crossing-demo .crossing-light-alert[aria-pressed=true] .crossing-lens{background-color:#f5c747;box-shadow:0 0 14px #f0c74b50,inset 0 1px 2px #fff7}.signal-crossing-demo .crossing-light-walk[aria-pressed=true] .crossing-lens{background-color:#3da371;box-shadow:0 0 14px #3da37150,inset 0 1px 2px #fff7}.signal-crossing-demo .crossing-light:focus-visible{outline-offset:3px;outline:2px solid #fff}.signal-crossing-demo .crossing-light:hover{filter:brightness(1.15)}.signal-crossing-demo .crossing-road{perspective:140px;height:32px;position:absolute;bottom:0;left:-6px;right:-6px;overflow:hidden}.signal-crossing-demo .crossing-road-plane{background:#e0e1d8;position:absolute;inset:-16px -25% 0;overflow:hidden;transform:rotateX(48deg)rotate(-9deg)}.signal-crossing-demo .crossing-stripes{background:repeating-linear-gradient(90deg,#fafaf6 0 31px,#0000 31px 62px);position:absolute;inset:-20px -110px}.signal-crossing-demo .crossing-play{color:#555e54;cursor:pointer;background:#ffffff70;border:1px solid #d8d9d1;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;bottom:11px;right:16px}.signal-crossing-demo .crossing-play:hover{background:#fff}.signal-crossing-demo .crossing-play:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.signal-crossing-demo .crossing-play:disabled{opacity:.45;cursor:default}.signal-crossing-demo[data-signal=stop] .crossing-type{animation:.56s both crossing-stop-jolt}.signal-crossing-demo[data-signal=alert] .crossing-type{animation:.9s ease-in-out infinite crossing-alert-type}.signal-crossing-demo[data-signal=alert] .crossing-light-alert .crossing-lens{animation:.9s ease-in-out infinite crossing-alert-light}.signal-crossing-demo[data-signal=walk] .crossing-letter{animation:1.1s ease-in-out infinite crossing-walk-wave}.signal-crossing-demo[data-signal=walk] .crossing-letter:first-child{animation-delay:.45s}.signal-crossing-demo[data-signal=walk] .crossing-letter:nth-child(2){animation-delay:.3s}.signal-crossing-demo[data-signal=walk] .crossing-letter:nth-child(3){animation-delay:.15s}.signal-crossing-demo[data-running=false] .crossing-type,.signal-crossing-demo[data-running=false] .crossing-letter,.signal-crossing-demo[data-running=false] .crossing-lens{animation-play-state:paused}.signal-crossing-demo[data-reduced=true] .crossing-type,.signal-crossing-demo[data-reduced=true] .crossing-letter,.signal-crossing-demo[data-reduced=true] .crossing-lens,.signal-crossing-demo[data-reduced=true] .crossing-stripes{animation:none}@keyframes crossing-stop-jolt{0%,to{transform:translate(0)rotate(0)}12%{transform:translate(-6px)rotate(-1deg)}25%{transform:translate(5px)rotate(.8deg)}40%{transform:translate(-4px)rotate(-.5deg)}56%{transform:translate(3px)rotate(.3deg)}74%{transform:translate(-1px)}}@keyframes crossing-alert-type{0%,to{opacity:1}45%,60%{opacity:.48}}@keyframes crossing-alert-light{0%,to{opacity:1}45%,60%{opacity:.3}}@keyframes crossing-walk-wave{0%,50%,to{transform:translateY(0)}25%{transform:translateY(-3px)}}@media (min-width:721px) and (max-width:1200px){.signal-crossing-demo{grid-template-rows:9px minmax(0,1fr);gap:4px;padding-top:10px}}@media (prefers-reduced-motion:reduce){.signal-crossing-demo .crossing-type,.signal-crossing-demo .crossing-letter,.signal-crossing-demo .crossing-lens,.signal-crossing-demo .crossing-stripes{transition:none;animation:none}}.switch-bounce-demo{--switch-bounce-paper:#fff;--switch-bounce-ink:#000;--switch-bounce-on:#35c970;background:var(--switch-bounce-paper);color:var(--switch-bounce-ink);padding:28px 28px 56px;position:absolute;inset:0;overflow:hidden}.switch-bounce-demo .switch-bounce-artwork{place-items:center;width:100%;height:100%;display:grid;container-type:size}.switch-bounce-demo .switch-bounce-control{aspect-ratio:620/580;width:min(79cqw,84cqh,280px);color:inherit;cursor:grab;touch-action:pan-x pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:5px;padding:0;display:block}.switch-bounce-demo .switch-bounce-control:focus-visible{outline:2px solid var(--accent);outline-offset:10px}.switch-bounce-demo[data-dragging=true] .switch-bounce-control{cursor:grabbing}.switch-bounce-demo .switch-bounce-lettering{pointer-events:none;width:100%;height:100%;display:block;overflow:visible}.switch-bounce-demo .switch-bounce-thumb{fill:var(--switch-bounce-paper)}.switch-bounce-demo .switch-bounce-hint{color:var(--ink-soft);font-family:var(--font-geist-mono), monospace;font-size:9px;line-height:1.5;position:absolute;bottom:18px;right:20px}@media (max-width:360px){.switch-bounce-demo{padding-inline:20px}}.media-generate-card{grid-column:span 2;scroll-margin-top:90px}.media-generate-demo{--control-width:94px;--control-gap:26px;--button-space:48px;grid-template-columns:var(--control-width) auto;justify-content:center;align-items:center;gap:var(--control-gap);color:var(--foreground);padding:25px 34px 43px;display:grid;position:absolute;inset:0;container-type:size}.media-generate-demo .media-generate-styles{border:0;flex-direction:column;gap:8px;min-width:0;margin:0 0 46px;padding:0;display:flex}.media-generate-demo .media-generate-styles button{width:100%;min-height:39px;color:var(--ink-soft);white-space:nowrap;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:9px;padding:8px 9px;font-size:11px;transition:background .14s,color .14s;display:flex}.media-generate-demo .media-generate-styles button:hover{color:var(--foreground);background:#ffffff70}.media-generate-demo .media-generate-styles button[aria-pressed=true]{color:var(--foreground);background:var(--paper);border-color:#e8e9ef;box-shadow:0 2px 4px #20242b04}.media-generate-demo button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.media-generate-demo .media-generate-swatch{border-radius:4px;flex:none;width:17px;height:17px;display:block}.media-generate-demo .media-generate-swatch-flow{background-image:radial-gradient(circle,#c4c4c4 1px,#0000 1.35px);background-position:50%;background-size:4px 4px}.media-generate-demo .media-generate-swatch-sweep{background:linear-gradient(135deg,#f3f4f6 15%,#e8e9ed 50%,#f3f4f6 85%)}.media-generate-demo .media-generate-swatch-glass{background:radial-gradient(circle,#f8f9fc 15%,#cdd1d9 28%,#f8f9fc 42%,#dce0e6 60%,#f8f9fc 74%)}.media-generate-demo .media-generate-swatch-matrix{background-image:radial-gradient(circle,#9fa7b5 1.25px,#0000 1.5px);background-position:50%;background-size:5px 5px;-webkit-mask-image:linear-gradient(135deg,#0003,#000,#0003);mask-image:linear-gradient(135deg,#0003,#000,#0003)}.media-generate-demo .media-generate-main{min-width:0;min-height:0;width:min(440px, calc(100cqw - var(--control-width) - var(--control-gap)), calc((100cqh - var(--button-space)) * 1.5));flex-direction:column;align-items:center;gap:15px;display:flex}.media-generate-demo .media-generate-preview{aspect-ratio:3/2;clip-path:inset(0 round 16px);background:#fbfcfe;border-radius:16px;flex:none;width:100%;position:relative;overflow:hidden}.media-generate-demo .media-generate-preview canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.media-generate-demo .media-generate-result{object-fit:cover;visibility:hidden;opacity:0;width:100%;height:100%;position:absolute;inset:0}.media-generate-demo .media-generate-result[data-visible=true]{visibility:visible;opacity:1;animation:.2s cubic-bezier(.22,.61,.36,1) both media-generate-arrive}@keyframes media-generate-arrive{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur()}}.media-generate-demo .media-generate-button{background:var(--foreground);min-width:116px;height:33px;color:var(--paper);cursor:pointer;border:0;border-radius:8px;flex:none;padding:0 17px;font-size:11px;font-weight:450;transition:background .15s}.media-generate-demo .media-generate-button:hover{background:#393e47}.media-generate-demo .media-generate-button:disabled{background:var(--paper);color:var(--ink-soft);cursor:default}.media-generate-demo .media-generate-error{color:var(--ink-soft);text-align:center;font-size:11px;position:absolute;bottom:12px;left:12px;right:12px}.media-generate-demo .media-generate-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:1100px) and (min-width:721px){.media-generate-demo{--control-gap:20px;padding:20px 27px 39px}}@media (max-width:720px){.media-generate-card{grid-column:1/-1}.media-generate-demo{--control-width:85px;--control-gap:13px;padding:24px 18px 43px}.media-generate-demo .media-generate-styles button{gap:7px;padding:8px 6px}.media-generate-demo .media-generate-swatch{width:13px;height:16px}}@media (max-width:390px){.media-generate-demo{--control-width:72px;--control-gap:9px;padding-inline:12px}.media-generate-demo .media-generate-styles button{gap:6px;padding-inline:5px;font-size:10px}.media-generate-demo .media-generate-preview{clip-path:inset(0 round 12px);border-radius:12px}}@media (pointer:coarse){.media-generate-demo{--button-space:55px}.media-generate-demo .media-generate-styles button{min-height:44px}.media-generate-demo .media-generate-button{min-height:40px}}@media (prefers-reduced-motion:reduce){.media-generate-demo button{transition:none}.media-generate-demo .media-generate-result[data-visible=true]{animation:none}}.light-drift-card{grid-column:span 2;scroll-margin-top:90px}.light-drift-demo{--light-drift-background:#111522;--light-control-radius:10px;--light-control-surface:#ffffffb8;color:var(--foreground);grid-template-columns:minmax(0,1fr) minmax(220px,.85fr);align-items:center;gap:24px;padding:24px;display:grid;position:absolute;inset:0}.light-drift-demo .light-drift-surface{flex-direction:column;justify-content:center;align-items:center;min-width:0;height:100%;min-height:0;margin:0;display:flex;position:relative;top:-10px;container-type:size}.light-drift-demo .light-drift-orb{aspect-ratio:1;background:var(--light-drift-background);border-radius:50%;flex:none;width:min(94cqw,84cqh,300px);margin:0;position:relative;overflow:hidden}.light-drift-demo .light-drift-surface canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.light-drift-demo .light-drift-status{color:#a4aec0;pointer-events:none;font-family:var(--font-geist-mono), monospace;letter-spacing:.06em;text-align:center;text-transform:uppercase;font-size:8px;line-height:1.5;position:absolute;bottom:16%;left:16%;right:16%}.light-drift-demo .light-drift-status output{gap:3px;display:grid}.light-drift-demo .light-drift-status output>span{display:block}.light-drift-demo .light-drift-status output>span+span{letter-spacing:.025em;font-size:.85em}.light-drift-demo .light-drift-controls{border-radius:calc(var(--light-control-radius) + 6px);background:var(--light-control-surface);border:1px solid #ffffffb0;width:100%;min-width:0;margin-inline:auto;padding:12px 14px;box-shadow:0 3px 10px #36487703}.light-drift-demo .light-drift-sliders{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:20px;display:grid}.light-drift-demo .light-drift-sliders label{min-width:0}.light-drift-demo .light-drift-sliders label>span{color:var(--ink-soft);justify-content:space-between;align-items:baseline;gap:4px;font-size:10px;display:flex}.light-drift-demo .light-drift-sliders output{font-family:var(--font-geist-mono), monospace;font-variant-numeric:tabular-nums;font-size:9px}.light-drift-demo .light-drift-sliders input{-webkit-appearance:none;appearance:none;cursor:pointer;width:100%;height:20px;accent-color:var(--accent);background:0 0;margin:0;display:block}.light-drift-demo .light-drift-sliders input::-webkit-slider-runnable-track{background:#c9d4ea;border-radius:2px;height:2px}.light-drift-demo .light-drift-sliders input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid var(--paper);background:var(--accent);border-radius:50%;width:11px;height:11px;margin-top:-4.5px;box-shadow:0 1px 4px #47517433}.light-drift-demo .light-drift-sliders input::-moz-range-track{background:#c9d4ea;border-radius:2px;height:2px}.light-drift-demo .light-drift-sliders input::-moz-range-thumb{border:2px solid var(--paper);background:var(--accent);border-radius:50%;width:8px;height:8px}:is(.light-drift-demo button:focus-visible,.light-drift-demo input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.light-drift-demo .light-drift-fallback{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.light-drift-demo .light-drift-fallback span{background:linear-gradient(170deg,#0000 15%,#a58ce480 45%,#effaff 49%,#687be999 54%,#0000 85%);border-radius:100%;width:200px;height:48px}.light-drift-demo .light-drift-fallback p{color:#a4aec0;font-size:10px}.light-drift-demo .light-drift-controls{position:relative}.light-drift-demo .light-drift-states{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;margin:0;padding:0;display:grid}.light-drift-demo .light-drift-states button{border-radius:var(--light-control-radius);min-height:27px;color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;padding:4px;font-size:11px}.light-drift-demo .light-drift-states button:hover{background:var(--paper)}.light-drift-demo .light-drift-states button[aria-pressed=true]{border-color:var(--line);background:var(--paper);color:var(--foreground);box-shadow:0 1px 3px #20242b05}@media (max-width:720px){.light-drift-card{grid-column:1/-1}.light-drift-demo{grid-template-columns:minmax(0,1fr) minmax(175px,.95fr);gap:14px;padding-inline:16px}.light-drift-demo .light-drift-controls{padding-inline:8px}}@media (max-width:480px){.light-drift-demo{grid-template-columns:minmax(0,1fr) 174px;gap:10px;padding-inline:12px}.light-drift-demo .light-drift-states button{font-size:10px}.light-drift-demo .light-drift-status{font-size:6px;bottom:12%;left:12%;right:12%}}@media (pointer:coarse){.light-drift-demo .light-drift-states button{min-height:36px}.light-drift-demo .light-drift-sliders input{height:28px}}.light-drift-demo .light-drift-sound{border:0;flex:none;justify-content:center;gap:6px;min-width:0;margin:10px 0 0;padding:0;display:flex}.light-drift-demo .light-drift-sound button{border:1px solid var(--line);border-radius:var(--light-control-radius);min-height:30px;color:var(--ink-soft);background:var(--light-control-surface);cursor:pointer;justify-content:center;align-items:center;gap:4px;padding:5px 8px;font-size:10px;display:flex}.light-drift-demo .light-drift-sound button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.light-drift-demo .light-drift-sound button:hover{background:var(--paper)}.light-drift-demo .light-drift-sound button:disabled{opacity:.4;cursor:default}@media (max-width:480px){.light-drift-demo .light-drift-sound{gap:4px}.light-drift-demo .light-drift-sound button{gap:3px;padding-inline:4px;font-size:9px}}@media (pointer:coarse){.light-drift-demo .light-drift-sound button{min-height:36px}}.canvas-comment-card{grid-column:1/-1;scroll-margin-top:90px}.canvas-comment-stage{display:block}.canvas-comment-demo{--cc-ink:#20242b;--cc-soft:#747a85;--cc-line:#dfe2e7;--cc-accent:#6b6ff9;color:var(--cc-ink);font-family:var(--font-geist-sans), sans-serif;background-color:#fff;background-image:radial-gradient(circle,#d6d9df 1px,#0000 1px);background-position:-1px -1px;background-size:18px 18px;position:absolute;inset:0;overflow:hidden}.canvas-comment-demo button,.canvas-comment-demo textarea{font:inherit}.canvas-comment-demo button{cursor:pointer}.canvas-comment-demo button:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}.canvas-comment-demo textarea:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}.canvas-comment-demo [tabindex="0"]:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}.canvas-comment-demo .canvas-comment-toolbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #e2e4e8;border-radius:10px;align-items:center;gap:5px;height:38px;padding:4px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #2328341f}.canvas-comment-demo .canvas-comment-toolbar>button{height:30px;color:var(--cc-soft);white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:0 8px;font-size:9px;display:flex}.canvas-comment-demo .canvas-comment-toolbar>button.is-active{color:#fff;background:#242831}.canvas-comment-demo .canvas-comment-toolbar kbd{color:inherit;font-family:var(--font-geist-mono), monospace;opacity:.55;font-size:7px}.canvas-comment-demo .canvas-comment-toolbar-divider{background:#e1e3e7;width:1px;height:20px}.canvas-comment-demo .canvas-comment-add:hover{color:var(--cc-ink);background:#f2f3f6}.canvas-comment-demo .canvas-comment-drag-status{color:#999ea7;font-family:var(--font-geist-mono), monospace;white-space:nowrap;padding:0 7px 0 3px;font-size:7px}.canvas-comment-demo .canvas-comment-corner-add{z-index:20;color:#555b66;background:#fffffff0;border:1px solid #e0e2e7;border-radius:9px;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:9px;display:flex;position:absolute;top:13px;right:14px;box-shadow:0 6px 18px #23283417}.canvas-comment-demo .canvas-comment-viewport{overscroll-behavior:contain;cursor:grab;scrollbar-width:none;position:absolute;inset:0;overflow:auto}.canvas-comment-demo .canvas-comment-viewport::-webkit-scrollbar{display:none}.canvas-comment-demo .canvas-comment-viewport.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.canvas-comment-demo .canvas-comment-surface{zoom:var(--canvas-comment-zoom);width:3000px;height:1000px;position:relative}.canvas-comment-demo .canvas-comment-connections{z-index:0;pointer-events:none;width:3000px;height:1000px;position:absolute;inset:0}.canvas-comment-demo .canvas-comment-connections path{fill:none;stroke:#a6adb8;stroke-width:1.5px;stroke-dasharray:8 8;stroke-linecap:round;stroke-linejoin:round}.canvas-comment-demo .canvas-comment-node{z-index:2;border:1px solid var(--cc-line);cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:9px;position:absolute;overflow:visible;box-shadow:0 8px 25px #252a351a}.canvas-comment-demo .canvas-comment-node.is-dragging{cursor:grabbing;will-change:left, top}.canvas-comment-demo .canvas-comment-node>header{height:28px;color:var(--cc-soft);font-family:var(--font-geist-mono), monospace;justify-content:space-between;align-items:center;padding:0 9px;font-size:8px;font-style:normal;display:flex}.canvas-comment-demo .canvas-comment-node>header span{color:#4f5560;align-items:center;gap:6px;display:flex}.canvas-comment-demo .canvas-comment-node>header small{color:#9297a1;font-family:var(--font-geist-mono), monospace;font-size:7px;font-weight:400}.canvas-comment-demo .canvas-comment-node>header i{background:#adb2bc;border-radius:50%;width:6px;height:6px}.canvas-comment-demo .canvas-comment-source-node{border-color:#d3d6dc;box-shadow:0 8px 25px #252a351a}.canvas-comment-demo .canvas-comment-source-node>header{background:#f5f6f7;border-radius:8px 8px 0 0}.canvas-comment-demo .canvas-comment-source-node>header i{background:#8d939d}.canvas-comment-demo .canvas-comment-result-node{border-color:var(--cc-branch-border);box-shadow:0 8px 25px var(--cc-branch-shadow)}.canvas-comment-demo .canvas-comment-result-node>header{background:var(--cc-branch-bg);border-radius:8px 8px 0 0}.canvas-comment-demo .canvas-comment-result-node>header i{background:var(--cc-branch)}.canvas-comment-demo .branch-green{--cc-branch:#43a270;--cc-branch-border:#b9dcc9;--cc-branch-bg:#f4fbf7;--cc-branch-shadow:#3577531f}.canvas-comment-demo .branch-purple{--cc-branch:#8178df;--cc-branch-border:#cbc7ef;--cc-branch-bg:#f7f5ff;--cc-branch-shadow:#5349a021}.canvas-comment-demo .branch-red{--cc-branch:#d96f6f;--cc-branch-border:#edc3c3;--cc-branch-bg:#fff6f6;--cc-branch-shadow:#9946461f}.canvas-comment-demo .canvas-comment-image{aspect-ratio:1.5;background:#ded1bf;border-radius:0 0 8px 8px;width:100%;position:relative;overflow:hidden}.canvas-comment-demo .canvas-comment-image>img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.canvas-comment-demo.is-comment-mode .canvas-comment-image{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M16 2c7.732 0 14 6.268 14 14s-6.268 14-14 14H6a4 4 0 0 1-4-4V16C2 8.268 8.268 2 16 2Z' fill='white' stroke='%23676d78' stroke-width='1.8'/%3E%3C/svg%3E") 3 29,crosshair}.canvas-comment-demo .canvas-comment-resize-handle{z-index:20;color:#555c68;cursor:nwse-resize;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffffff5;border:1px solid #d7dae1;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;transition:color .15s,border-color .15s,transform .15s,box-shadow .15s;display:grid;position:absolute;bottom:5px;right:5px;box-shadow:0 4px 12px #1c222b24}.canvas-comment-demo .canvas-comment-resize-handle:hover{color:var(--cc-accent);border-color:#aeb1f3;transform:translate(-1px,-1px);box-shadow:0 6px 16px #3d41822e}.canvas-comment-demo .canvas-comment-pin{z-index:6;background:var(--cc-accent);color:#fff;width:27px;height:27px;font-family:var(--font-geist-mono), monospace;border:2px solid #fff;border-radius:50% 50% 50% 4px;place-items:center;padding:0;font-size:9px;font-weight:700;display:grid;position:absolute;transform:translate(-16%,-84%);box-shadow:0 6px 15px #1e223240}.canvas-comment-demo .canvas-comment-pin.is-saving{border-radius:999px;width:30px}.canvas-comment-demo .canvas-comment-followup-pin{z-index:6;color:#fff;height:24px;font-family:var(--font-geist-mono), monospace;background:#5d61df;border:2px solid #fff;border-radius:999px;align-items:center;gap:3px;padding:0 7px;font-size:8px;display:flex;position:absolute;transform:translate(-18%,-84%);box-shadow:0 5px 13px #23283c38}.canvas-comment-demo .canvas-comment-composer{z-index:12;cursor:default;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border:1px solid #e1e3e7;border-radius:11px;width:292px;padding:10px;position:absolute;top:62px;left:356px;box-shadow:0 18px 46px #191e2830}.canvas-comment-demo .canvas-comment-result-node .canvas-comment-composer{left:auto;right:356px}.canvas-comment-demo .canvas-comment-composer-head{color:#5f6570;justify-content:space-between;align-items:center;font-size:9px;display:flex}.canvas-comment-demo .canvas-comment-composer-head>span{align-items:center;gap:6px;display:flex}.canvas-comment-demo .canvas-comment-composer-head b,.canvas-comment-demo .canvas-comment-history b{color:#fff;background:#242831;border-radius:50%;place-items:center;width:19px;height:19px;font-size:8px;display:grid}.canvas-comment-demo .canvas-comment-composer-head button,.canvas-comment-demo .canvas-comment-history>div>button{width:24px;height:24px;color:var(--cc-soft);background:0 0;border:0;place-items:center;padding:0;display:grid}.canvas-comment-demo .canvas-comment-composer textarea{resize:none;width:100%;color:var(--cc-ink);background:#f7f7f9;border:1px solid #e3e5e9;border-radius:7px;margin-top:8px;padding:8px 9px;font-size:10px;line-height:1.45;display:block}.canvas-comment-demo .canvas-comment-linked-reference{border:1px solid #e3e5e9;border-radius:7px;align-items:center;gap:8px;min-height:40px;margin-top:7px;padding:4px;display:flex}.canvas-comment-demo .canvas-comment-linked-reference img{object-fit:cover;border-radius:4px;width:42px;height:31px}.canvas-comment-demo .canvas-comment-linked-reference>span{gap:1px;min-width:0;display:grid}.canvas-comment-demo .canvas-comment-linked-reference strong{font-size:8px;font-weight:600}.canvas-comment-demo .canvas-comment-linked-reference small{color:var(--cc-soft);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.canvas-comment-demo .canvas-comment-linked-reference button{width:28px;height:28px;color:var(--cc-soft);background:#f4f5f7;border:0;border-radius:6px;place-items:center;margin-left:auto;padding:0;display:grid}.canvas-comment-demo .canvas-comment-composer-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.canvas-comment-demo .canvas-comment-composer-actions>span{max-width:150px;color:var(--cc-soft);font-size:7px;line-height:1.35}.canvas-comment-demo .canvas-comment-composer-actions button{color:#fff;background:#242831;border:0;border-radius:7px;flex:none;align-items:center;height:30px;padding:0 11px;font-size:9px;font-weight:600;display:flex}.canvas-comment-demo .canvas-comment-composer-actions button:disabled{opacity:.4;cursor:default}.canvas-comment-demo .canvas-comment-relationship{z-index:8;position:absolute}.canvas-comment-demo .canvas-comment-relationship>button{color:#4f5560;background:#fff;border:1px solid #cfd2da;border-radius:999px;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:8px;font-weight:600;display:flex;box-shadow:0 5px 14px #2328341c}.canvas-comment-demo .canvas-comment-relationship.branch-green>button{color:#32835a;background:#fbfffc;border-color:#b9dcc9}.canvas-comment-demo .canvas-comment-relationship.branch-purple>button{color:#665dc7;background:#fcfbff;border-color:#cbc7ef}.canvas-comment-demo .canvas-comment-relationship.branch-red>button{color:#bb5959;background:snow;border-color:#edc3c3}.canvas-comment-demo .canvas-comment-tag-pulse{background:currentColor;border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite canvas-comment-pulse}.canvas-comment-demo .canvas-comment-history{background:#fff;border:1px solid #e0e2e7;border-radius:10px;width:260px;padding:10px;position:absolute;top:35px;left:0;box-shadow:0 18px 45px #1c212b2e}.canvas-comment-demo .canvas-comment-history>div{justify-content:space-between;align-items:center;display:flex}.canvas-comment-demo .canvas-comment-history>div>span{color:#606671;align-items:center;gap:6px;font-size:8px;display:flex}.canvas-comment-demo .canvas-comment-history p{color:#3f444d;margin:8px 0;font-size:9px;line-height:1.45}.canvas-comment-demo .canvas-comment-history figure{background:#f5f6f8;border-radius:6px;align-items:center;gap:7px;margin:0;padding:4px;display:flex}.canvas-comment-demo .canvas-comment-history figure img{object-fit:cover;border-radius:4px;width:38px;height:29px}.canvas-comment-demo .canvas-comment-history figcaption{color:var(--cc-soft);align-items:center;gap:4px;font-size:7px;display:flex}.canvas-comment-demo .canvas-comment-history>small{color:#32835a;margin-top:8px;font-size:7px;display:block}.canvas-comment-demo .canvas-comment-result-skeleton{aspect-ratio:1.5;background:#f7f7fb;border-radius:0 0 8px 8px;width:100%;position:relative;overflow:hidden}.canvas-comment-demo .canvas-comment-result-skeleton canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-comment-demo .canvas-comment-fallback-result{position:absolute;inset:0;overflow:hidden}.canvas-comment-demo .canvas-comment-fallback-result img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.canvas-comment-demo .canvas-comment-fallback-result img:last-child{mix-blend-mode:multiply;opacity:.68}.canvas-comment-demo .canvas-comment-empty-result{z-index:1;color:#a0a5ae;pointer-events:none;justify-items:center;gap:5px;width:180px;display:grid;position:absolute;top:164px;left:835px}.canvas-comment-demo .canvas-comment-empty-result span{font-family:var(--font-geist-mono), monospace;font-size:8px}.canvas-comment-demo .canvas-comment-empty-result p{margin:0;font-size:9px}.canvas-comment-demo .canvas-comment-canvas-note{color:#858a94;font-family:var(--font-geist-mono), monospace;pointer-events:none;align-items:center;gap:6px;font-size:8px;display:flex;position:absolute;top:468px;left:58px}.canvas-comment-demo .canvas-comment-zoom{z-index:20;background:#fffffff0;border:1px solid #e1e3e8;border-radius:8px;align-items:center;gap:2px;height:30px;padding:3px;display:flex;position:absolute;bottom:13px;right:14px;box-shadow:0 5px 16px #23283417}.canvas-comment-demo .canvas-comment-zoom button{width:23px;height:23px;color:var(--cc-soft);background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:grid}.canvas-comment-demo .canvas-comment-zoom button:hover{color:var(--cc-ink);background:#f0f1f4}.canvas-comment-demo .canvas-comment-zoom span{color:#666c77;min-width:32px;font-family:var(--font-geist-mono), monospace;text-align:center;font-size:7px}.canvas-comment-demo .canvas-comment-drop{z-index:30;color:#565bd3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f6f6ffeb;border:2px dashed #8f93f4;border-radius:9px;align-content:center;justify-items:center;gap:8px;font-size:10px;display:grid;position:absolute;inset:10px}@keyframes canvas-comment-pulse{50%{opacity:.4;transform:scale(.76)}}@media (max-width:720px){.canvas-comment-card{grid-column:span 1}.canvas-comment-demo .canvas-comment-toolbar{left:9px;transform:none}.canvas-comment-demo .canvas-comment-toolbar-divider,.canvas-comment-demo .canvas-comment-add,.canvas-comment-demo .canvas-comment-drag-status,.canvas-comment-demo .canvas-comment-toolbar kbd,.canvas-comment-demo .canvas-comment-corner-add span{display:none}.canvas-comment-demo .canvas-comment-corner-add{justify-content:center;width:34px;padding:0}.canvas-comment-demo .canvas-comment-composer{width:300px;top:54px;left:36px}.canvas-comment-demo .canvas-comment-result-node .canvas-comment-composer{left:auto;right:36px}}@media (prefers-reduced-motion:reduce){.canvas-comment-demo .canvas-comment-result-skeleton span,.canvas-comment-demo .canvas-comment-tag-pulse{animation:none}}.signal-focus-card{grid-column:span 2}.signal-focus-demo{isolation:isolate;grid-template-columns:minmax(0,1.55fr) minmax(220px,.75fr);display:grid;position:absolute;inset:0;overflow:hidden}.signal-focus-demo.is-focusing{cursor:pointer}.signal-focus-demo .signal-focus-visual{min-width:0;position:relative;overflow:hidden}.signal-focus-demo .signal-focus-visual:before{aspect-ratio:1;content:"";pointer-events:none;background:radial-gradient(circle,#fffffff0 0 18%,#ffffff80 42%,#eeeeff24 64%,#0000 74%);border-radius:50%;width:min(86%,390px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signal-focus-demo .signal-focus-labels{z-index:8;color:#777d87;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.09em;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:20px;left:22px;right:22px}.signal-focus-demo .signal-focus-labels span:last-child{color:#5559cc}.signal-focus-demo .signal-focus-field{aspect-ratio:1;width:min(66%,300px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signal-focus-demo .signal-focus-cloud{will-change:transform;border-radius:50%;transition:opacity .54s cubic-bezier(.2,.84,.24,1);position:absolute;top:50%;left:50%}.signal-focus-demo .signal-focus-cloud-outer{width:100%;height:100%;margin:-50% 0 0 -50%}.signal-focus-demo .signal-focus-cloud-inner{width:57%;height:57%;margin:-28.5% 0 0 -28.5%}.signal-focus-demo.is-focusing .signal-focus-cloud{opacity:.2}.signal-focus-demo.is-returning .signal-focus-cloud{opacity:1}.signal-focus-demo .signal-focus-node{top:var(--node-y);left:var(--node-x);width:var(--node-size);height:var(--node-size);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.signal-focus-demo .signal-focus-node-core,.signal-focus-demo .signal-focus-avatar{background:var(--node-color);width:100%;height:100%;color:var(--node-ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border:3px solid #ffffffc7;border-radius:50%;place-items:center;font-size:9px;font-weight:650;transition:box-shadow .26s;display:grid;position:relative;box-shadow:0 7px 18px #2d32401c}.signal-focus-demo .signal-focus-node-core i,.signal-focus-demo .signal-focus-avatar i{content:"";opacity:.38;background:currentColor;border-radius:999px;height:2px;position:absolute;bottom:23%;left:25%;right:25%}.signal-focus-demo .signal-focus-node:hover .signal-focus-node-core{box-shadow:0 10px 24px #4347712e}:is(.signal-focus-demo .signal-focus-node:focus-visible,.signal-focus-demo .signal-focus-flight:focus-visible){outline:2px solid var(--accent);outline-offset:4px}.signal-focus-demo .signal-focus-node.is-source{opacity:0;pointer-events:none}.signal-focus-demo .signal-focus-return-surface{z-index:6;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.signal-focus-demo .signal-focus-return-surface:focus-visible{outline:2px solid var(--accent);outline-offset:-5px}.signal-focus-demo .signal-focus-flight{z-index:7;cursor:pointer;transform-origin:50%;will-change:transform, opacity;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.signal-focus-demo .signal-focus-flight .signal-focus-avatar{border-width:6px;font-size:22px;box-shadow:0 14px 34px #3d415b2b}.signal-focus-demo .signal-focus-flight .signal-focus-avatar i{height:3px}.signal-focus-demo .signal-focus-copy{z-index:7;transform-origin:-17px;will-change:transform, opacity;pointer-events:none;flex-direction:column;align-items:flex-start;width:118px;display:flex;position:absolute}.signal-focus-demo .signal-focus-copy strong{color:#20242b;letter-spacing:-.035em;font-size:19px;font-weight:620;line-height:1.1}.signal-focus-demo .signal-focus-copy>span{color:#707681;margin-top:5px;font-size:10px}.signal-focus-demo .signal-focus-copy small{color:#5559cc;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.04em;text-transform:uppercase;background:#ffffffb8;border:1px solid #6b6ff921;border-radius:999px;margin-top:10px;padding:5px 7px;font-size:8px}.signal-focus-demo .signal-focus-hint{z-index:8;color:#858b95;text-align:center;white-space:nowrap;font-size:9px;position:absolute;bottom:21px;left:50%;transform:translate(-50%)}.signal-focus-demo .signal-focus-controls{z-index:9;cursor:default;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb8;border:1px solid #ffffffc2;border-radius:11px;flex-direction:column;grid-column:2;justify-content:center;gap:14px;min-width:0;margin:14px;padding:14px;display:flex;position:relative;box-shadow:0 12px 30px #44495e17}.signal-focus-demo .signal-focus-presets{background:#e5e7ec9e;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;display:grid}.signal-focus-demo .signal-focus-presets button{color:#7a808a;height:29px;font-family:var(--font-geist-mono), ui-monospace, monospace;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 7px;font-size:7px;transition:background .18s,color .18s,box-shadow .18s}.signal-focus-demo .signal-focus-presets button:hover{color:#20242b}.signal-focus-demo .signal-focus-presets button.is-active{color:#fff;background:#20242b;box-shadow:0 3px 8px #20242b29}:is(.signal-focus-demo .signal-focus-presets button:focus-visible,.signal-focus-demo .signal-focus-speed-bars input:focus-visible,.signal-focus-demo .signal-focus-speed-heading button:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.signal-focus-demo .signal-focus-speed-bars{gap:9px;display:grid}.signal-focus-demo .signal-focus-speed-control{background:#ffffff7a;border:1px solid #e3e6ebd1;border-radius:9px;gap:8px;padding:9px 10px;display:grid}.signal-focus-demo .signal-focus-speed-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.signal-focus-demo .signal-focus-speed-heading>span{color:#666d77;font-family:var(--font-geist-mono), ui-monospace, monospace;text-transform:uppercase;align-items:baseline;gap:6px;font-size:8px;line-height:1;display:flex}.signal-focus-demo .signal-focus-speed-heading output{color:#5559cc;font-size:7px}.signal-focus-demo .signal-focus-speed-heading button{color:#666d77;cursor:pointer;background:#fff;border:1px solid #dfe2e8;border-radius:7px;flex:none;place-items:center;width:32px;height:28px;padding:0;transition:color .18s,transform .18s,border-color .18s;display:grid}.signal-focus-demo .signal-focus-speed-heading button:hover{color:var(--accent);border-color:#c9cbfb;transform:scale(1.06)}.signal-focus-demo .signal-focus-speed-control>input{cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;border-radius:999px;width:100%;height:12px;margin:0;padding:0}.signal-focus-demo .signal-focus-speed-control>input::-webkit-slider-runnable-track{background:#d9dce3;border-radius:999px;height:3px}.signal-focus-demo .signal-focus-speed-control>input::-webkit-slider-thumb{background:var(--accent);-webkit-appearance:none;appearance:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin-top:-4.5px;box-shadow:0 2px 6px #474b9238}.signal-focus-demo .signal-focus-speed-control>input::-moz-range-track{background:#d9dce3;border-radius:999px;height:3px}.signal-focus-demo .signal-focus-speed-control>input::-moz-range-thumb{background:var(--accent);border:2px solid #fff;border-radius:50%;width:9px;height:9px;box-shadow:0 2px 6px #474b9238}.signal-focus-demo .signal-focus-announcement{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:720px){.signal-focus-card{grid-column:span 1}}@media (max-width:520px){.signal-focus-demo{grid-template-columns:1fr}.signal-focus-demo .signal-focus-visual{grid-column:1;height:100%}.signal-focus-demo .signal-focus-field{width:min(64%,226px);top:34%}.signal-focus-demo .signal-focus-controls{grid-column:1;grid-template-columns:auto minmax(0,1fr);gap:10px;margin:0;padding:10px;display:grid;position:absolute;bottom:14px;left:14px;right:14px}.signal-focus-demo .signal-focus-speed-bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.signal-focus-demo .signal-focus-speed-control{padding:7px}.signal-focus-demo .signal-focus-speed-heading button{width:24px;height:24px}.signal-focus-demo .signal-focus-hint{bottom:112px}}@media (prefers-reduced-motion:reduce){.signal-focus-demo .signal-focus-cloud{transform:none!important}}.message-mood-card{grid-column:span 2}@media (max-width:980px){.message-mood-card{grid-column:1/-1}}.message-mood-viewport{position:absolute;inset:0;overflow:hidden}.message-mood-demo{--mm-blue:#009cff;width:460px;height:540px;transform:translate(-50%, -50%) scale(var(--mm-scale,.5));transform-origin:50%;isolation:isolate;color:#fff;min-width:0;font-family:-apple-system, BlinkMacSystemFont, var(--font-geist-sans), sans-serif;background:#dae8b9;border:2px solid #c6d4b4;border-top:0;border-radius:0 0 27px 27px;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;container:mm-phone/size}.message-mood-demo button,.message-mood-demo input,.message-mood-demo .mm-input-text{flex:1;min-width:0;position:relative}.message-mood-demo .mm-input-preview{z-index:1;color:#fff;white-space:pre-wrap;overflow-wrap:break-word;text-shadow:0 1px 2px #24361765;pointer-events:none;padding:3px 0;font-size:23px;font-weight:600;line-height:30px;position:absolute;inset:0;overflow:hidden}.message-mood-demo .mm-input-text textarea{z-index:2;color:#0000;text-shadow:none;position:relative}.message-mood-demo .mm-input-text textarea::selection{color:#0000;background:#376b8590}.message-mood-demo .mm-draft-reactions{background:0 0;border:0;flex:none;align-items:center;padding:0;display:flex}.message-mood-demo .mm-draft-reaction+.mm-draft-reaction{margin-left:-7px}.message-mood-demo .mm-draft-reaction{flex:none;place-items:center;width:24px;height:27px;font-size:22px;line-height:1;display:grid}.message-mood-demo textarea{font:inherit}.message-mood-demo button{cursor:pointer;-webkit-tap-highlight-color:transparent}:is(.message-mood-demo button:focus-visible,.message-mood-demo input:focus-visible,.message-mood-demo textarea:focus-visible){outline-offset:2px;outline:2px solid #fff}.message-mood-demo .mm-wallpaper{z-index:-2;background:radial-gradient(at 6% 8%,#e4f3dc 0 18%,#0000 55%),radial-gradient(at 100% 55%,#f8edb1 0 25%,#0000 65%),#c7e3bc;position:absolute;inset:0;overflow:hidden}.message-mood-demo .mm-doodle{-webkit-user-select:none;user-select:none;line-height:1;position:absolute}.message-mood-demo .mm-daisy{color:#fffcef;text-shadow:0 1px #90ae7320;font-size:72px;top:14%;left:34%;transform:rotate(-20deg)}.message-mood-demo .mm-star{color:#f8c785;font-size:28px;top:29%;right:11%;transform:rotate(15deg)}.message-mood-demo .mm-heart{color:#b2bddf;font-size:31px;top:4%;right:30%;transform:rotate(20deg)}.message-mood-demo .mm-flower{color:#ffd9ce;font-size:120px;bottom:18%;right:5%}.message-mood-demo .mm-spark{color:#fafae8;font-size:43px;top:30%;left:10%}.message-mood-demo .mm-smile{color:#bccda3;font-size:65px;top:42%;left:62%;transform:rotate(20deg)}.message-mood-demo .mm-conversation{flex-direction:column;flex:1;min-height:0;display:flex}.message-mood-demo .mm-chat-scroll{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;padding:9px 22px 8px 12px;overflow:auto}.message-mood-demo .mm-received{margin-bottom:13px}.message-mood-demo .mm-today{text-align:center;color:#536343;margin:1px 0 12px;font-size:8px;display:block}.message-mood-demo .mm-received>div{--mm-bubble-fill:#697f5d;isolation:isolate;color:#fff;margin-top:5px;display:table;position:relative}.message-mood-demo .mm-cheer>span{font-size:30px;position:absolute;top:-10px;right:-22px;transform:rotate(10deg)}.message-mood-demo .mm-message-list{flex-direction:column;align-items:flex-end;gap:16px;padding:3px 3px 0 0;display:flex}.message-mood-demo .mm-bubble-wrap{text-align:right;width:fit-content;max-width:87%}.message-mood-demo .mm-bubble{color:#fff;text-align:left;isolation:isolate;background:0 0;border:0;min-width:62px;max-width:100%;min-height:56px;padding:12px 20px;font-size:23px;line-height:1.4;display:block;position:relative}.message-mood-demo .mm-shape-art{z-index:-1;border-radius:inherit;background:var(--mm-fill,#009cff);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.message-mood-demo .mm-bubble.mm-shape-classic{--mm-bubble-fill:var(--mm-blue)}.message-mood-demo .mm-bubble.mm-shape-classic>.mm-shape-art{display:none}.message-mood-demo .mm-shape-classic{--mm-fill:var(--mm-blue);border-radius:22px}.message-mood-demo .mm-shape-cloud{--mm-fill:var(--mm-blue)}.message-mood-demo .mm-cloud-art{fill:var(--mm-fill);background:0 0;border-radius:0;overflow:visible}.message-mood-demo .mm-bubble.mm-shape-cloud{padding:14px 24px}.message-mood-demo .mm-chat-scroll:has(.mm-shape-cloud){padding-top:0;padding-bottom:0}.message-mood-demo .mm-shape-burst{--mm-fill:var(--mm-blue);border-radius:15px 22px}.message-mood-demo .mm-shape-burst>.mm-shape-art{border:2px solid #0085dc;box-shadow:3px 3px #007dce40}.message-mood-demo .mm-bubble.mm-shape-burst{padding:13px 21px}.message-mood-demo .mm-shape-note{--mm-fill:var(--mm-blue);border-radius:15px 15px 5px}.message-mood-demo .mm-shape-note>.mm-shape-art{overflow:hidden;box-shadow:inset 0 0 0 1px #007dce25,0 2px 3px #005c9912}.message-mood-demo .mm-shape-note>.mm-shape-art:after{content:"";background:linear-gradient(135deg,#007dce 49%,#83d0ff 50%);border-radius:4px 0 0;width:17px;height:17px;position:absolute;bottom:0;right:0}.message-mood-demo .mm-bubble.mm-shape-note{padding:12px 24px 13px 20px}.message-mood-demo .mm-shape-whisper{--mm-fill:#009cff30;color:#075183;border-radius:999px}.message-mood-demo .mm-shape-whisper>.mm-shape-art{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid #009cff66;box-shadow:inset 0 1px #ffffff70}.message-mood-demo .mm-bubble.mm-shape-whisper{padding:11px 22px}.message-mood-demo .mm-bubble-stage{width:fit-content;max-width:100%;position:relative}.message-mood-demo .mm-sticker{z-index:2;filter:drop-shadow(0 2px 1px #34372220);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;font-size:35px;line-height:1;display:grid;position:absolute}.message-mood-demo .mm-sticker:active{cursor:grabbing}.message-mood-demo .mm-bubble-caption{color:#4e613b;margin-top:2px;margin-right:6px;font-size:12px;font-weight:600;display:block}.message-mood-demo .mm-words{overflow-wrap:anywhere;display:inline}.message-mood-demo .mm-word{max-width:100%;display:inline-block}.message-mood-demo .mm-letter{animation-duration:1.4s;animation-timing-function:ease-in-out;animation-iteration-count:2;animation-delay:0s;display:inline-block}.message-mood-demo .mm-effect-big{animation-name:mm-big;animation-duration:1.6s}.message-mood-demo .mm-effect-small{animation-name:mm-small;animation-duration:1.6s}.message-mood-demo .mm-effect-shake{animation-name:mm-shake;animation-duration:1.1s}.message-mood-demo .mm-effect-nod{animation-name:mm-nod}.message-mood-demo .mm-effect-explode{animation-name:mm-explode;animation-duration:1.8s}.message-mood-demo .mm-effect-ripple{animation-name:mm-ripple;animation-delay:calc(var(--mm-i) * 65ms)}.message-mood-demo .mm-effect-bloom{animation-name:mm-bloom;animation-delay:calc(var(--mm-i) * 22ms)}.message-mood-demo .mm-effect-jitter{animation-name:mm-jitter;animation-duration:1s;animation-delay:calc(var(--mm-i) * -17ms)}.message-mood-demo .mm-composer{flex:none;align-items:center;gap:8px;padding:6px 10px 10px;display:flex;position:relative}.message-mood-demo .mm-add,.message-mood-demo .mm-input-row{-webkit-backdrop-filter:blur(13px)saturate(180%);backdrop-filter:blur(13px)saturate(180%);background:linear-gradient(112deg,#71844185,#71844175 48%,#71844180);border:1px solid #faffccbe;box-shadow:inset 1px 1px 1px #ffffffb3,inset -1px -1px 1px #77894557,inset 0 0 10px #ffffdc22,0 2px 6px #3d4a1c16}.message-mood-demo .mm-add{color:#fff;border-radius:32px;flex:none;place-items:center;width:70px;height:64px;padding:0;display:grid}.message-mood-demo .mm-input-row{border-radius:32px;flex:1;align-items:center;gap:6px;min-width:0;min-height:64px;padding:10px 8px 10px 16px;display:flex;position:relative}.message-mood-demo .mm-input-row:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffc9,#0000);height:1px;position:absolute;inset:1px 7% auto}.message-mood-demo textarea{resize:none;color:#fff;text-shadow:0 1px 2px #24361765;caret-color:#fff;scrollbar-width:thin;background:0 0;border:0;width:100%;min-width:0;height:27px;padding:3px 0;font-size:23px;font-weight:600;line-height:30px;display:block}.message-mood-demo textarea::placeholder{color:#ffffffc7;font-weight:450}.message-mood-demo textarea::selection{color:#fff;background:#547b6580}.message-mood-demo .mm-send{color:#fff;background:#009cff;border:0;border-radius:20px;flex:none;place-items:center;width:44px;height:40px;padding:0;transition:transform .14s,filter .14s;display:grid;box-shadow:inset 0 1px #74d7ff60,0 1px 3px #007bc623}.message-mood-demo .mm-send:active{filter:brightness(1.1);transform:scale(.84)}.message-mood-demo .mm-send:disabled{opacity:.4;cursor:default}.message-mood-demo .mm-controls{-webkit-backdrop-filter:blur(25px)saturate(160%);backdrop-filter:blur(25px)saturate(160%);background:#242b19e0;border:1px solid #ffffff40;border-bottom:0;border-radius:24px 24px 22px 22px;flex-direction:column;flex:none;height:320px;padding:8px 10px 0;display:flex;box-shadow:inset 0 1px 1px #e5f2c750,0 -4px 16px #4253230d}.message-mood-demo .mm-panel-body{flex-direction:column;flex:1;min-height:0;display:flex}.message-mood-demo .mm-format-row{flex:none;justify-content:space-around;align-items:center;height:40px;margin-bottom:8px;display:flex}.message-mood-demo .mm-format-row button{color:#fff;background:0 0;border:0;border-radius:7px;place-items:center;width:44px;height:40px;padding:0;display:grid}.message-mood-demo .mm-format-row button svg{width:23px;height:23px}.message-mood-demo .mm-format-row button[aria-pressed=true]{color:#8adaff;background:#ffffff16}.message-mood-demo .mm-effects{flex:1;grid-template-rows:repeat(4,1fr);grid-template-columns:1fr 1fr;gap:7px 8px;display:grid}.message-mood-demo .mm-effects button{color:#fff;background:#dee0d440;border:0;border-radius:12px;place-items:center;min-width:0;height:100%;padding:0 8px;font-size:22px;font-weight:650;transition:background .15s,transform .15s;display:grid;box-shadow:inset 0 1px 1px #ffffff16}.message-mood-demo .mm-effects button[aria-pressed=true]{background:#009cff;box-shadow:inset 0 1px #92e2ff40}.message-mood-demo .mm-effects button:active{transform:scale(.97)}.message-mood-demo .mm-home-indicator{flex:none;place-items:center;height:26px;display:grid}.message-mood-demo .mm-home-indicator span{background:#f5f7ec;border-radius:9px;width:120px;height:4px}.message-mood-demo .mm-shapes{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:1px 0;display:grid}.message-mood-demo .mm-shapes button{color:#fff;background:#ffffff13;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;font-size:17px;font-weight:600;display:flex}.message-mood-demo .mm-shapes button[aria-pressed=true]{background:#009cff45;border-color:#75d4ff}.message-mood-demo .mm-shape-swatch{z-index:0;width:66px;height:35px;position:relative}.message-mood-demo .mm-emoji-search{color:#c6cab9;background:#00000029;border-radius:20px;flex:none;align-items:center;gap:7px;height:36px;margin:2px 1px 7px;padding:0 9px;display:flex}.message-mood-demo .mm-emoji-search input{color:#fff;background:0 0;border:0;width:100%;min-width:0;padding:2px 0;font-size:17px}.message-mood-demo .mm-emoji-search input::placeholder{color:#b5bca5}.message-mood-demo .mm-emoji-search button{color:#d0d7c3;background:0 0;border:0;flex:none;place-items:center;width:20px;height:20px;padding:0;display:grid}.message-mood-demo .mm-reactions{scrollbar-width:thin;flex:1;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px 4px;min-height:0;display:grid;overflow:auto}.message-mood-demo .mm-reactions button{background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;min-height:40px;padding:0;font-size:30px;line-height:1;transition:transform .14s;display:grid}.message-mood-demo .mm-reactions button[aria-pressed=true]{background:#ffffff19;border-color:#ffffff70}.message-mood-demo .mm-reactions button:disabled{opacity:.35;cursor:default}.message-mood-demo .mm-reactions button:not(:disabled):active{transform:scale(1.15)}.message-mood-demo .mm-reactions p{grid-column:1/-1;font-size:11px}.message-mood-demo .mm-keyboard{flex-direction:column;flex:1;min-height:0;padding:12px 0 8px;display:flex}.message-mood-demo .mm-key-row{flex:1;justify-content:center;gap:6px;min-height:0;margin-bottom:8px;display:flex}.message-mood-demo .mm-key-row:last-child{margin-bottom:0}.message-mood-demo .mm-key-row button{color:#fff;background:#d7dbcd36;border:0;border-radius:6px;flex:1;place-items:center;min-width:0;height:100%;padding:0;font-size:25px;font-weight:550;display:grid;box-shadow:0 1px 1px #00000020}.message-mood-demo .mm-key-row button:active{background:#b4bb9f80;transform:translateY(-2px)}.message-mood-demo .mm-key-row-1{margin-left:5%;margin-right:5%}.message-mood-demo .mm-key-row .mm-key-modifier{background:#d7dbcd26;flex:1.35}.message-mood-demo .mm-key-row .mm-key-modifier[aria-pressed=true]{color:#333;background:#fff}.message-mood-demo .mm-key-bottom button{flex:1.4;font-size:14px}.message-mood-demo .mm-key-bottom button:disabled{opacity:.4}.message-mood-demo .mm-key-bottom .mm-space{flex:4.8}.message-mood-demo .mm-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.message-mood-demo .mm-effects .mm-letter,.message-mood-demo .mm-pending .mm-letter,.message-mood-demo .mm-input-preview .mm-letter{animation-iteration-count:infinite}@keyframes mm-big{0%,80%,to{transform:scale(1)}25%,55%{transform:scale(1.3)}}@keyframes mm-small{0%,80%,to{transform:scale(1)}25%,55%{transform:scale(.66)}}@keyframes mm-shake{0%,70%,to{transform:translate(0)}12%,36%{transform:translate(-5px)}24%,48%{transform:translate(5px)}60%{transform:translate(-2px)}}@keyframes mm-nod{0%,76%,to{transform:translateY(0)}16%{transform:translateY(-6px)}32%{transform:translateY(6px)}48%{transform:translateY(-4px)}62%{transform:translateY(3px)}}@keyframes mm-explode{0%,12%,85%,to{opacity:1;transform:translate(0)rotate(0)}42%{transform:translate(calc(var(--mm-x)*1px),calc(var(--mm-y)*1px)) rotate(calc(var(--mm-r)*1deg));opacity:.25}}@keyframes mm-ripple{0%,60%,to{transform:translateY(0)}20%{transform:translateY(-6px)}40%{transform:translateY(4px)}}@keyframes mm-bloom{0%,80%,to{transform:scale(1)}18%{transform:scale(.82)}35%{transform:scale(1.28)}49%{transform:scale(.96)}62%{transform:scale(1.04)}}@keyframes mm-jitter{0%,55%,to{transform:translate(0)rotate(0)}5%,20%,35%{transform:translate(-1.5px,1px)rotate(-1deg)}10%,25%,40%{transform:translate(1.5px,-1px)rotate(1deg)}15%,30%,45%{transform:translate(-.5px,-1.5px)rotate(0)}50%{transform:translate(.5px,1px)rotate(-.5deg)}}@media (prefers-reduced-motion:reduce){.message-mood-demo .mm-letter{animation:none}.message-mood-demo button{transition:none}}.message-mood-demo .mm-selection-menu{z-index:5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#354127ed;border:1px solid #ffffff65;border-radius:16px;max-width:calc(100% - 32px);padding:5px;display:flex;position:absolute;bottom:calc(100% + 4px);left:16px;box-shadow:0 4px 16px #1d291b24}.message-mood-demo .mm-selection-menu button{color:#fff;font:inherit;background:0 0;border:0;border-radius:10px;flex:none;padding:10px 12px;font-size:17px;font-weight:600}.message-mood-demo .mm-selection-menu button:hover{background:#ffffff20}.message-mood-demo .mm-input-text textarea::selection{background:0 0}.message-mood-demo .mm-input-text textarea:focus-visible{outline:none}.message-mood-demo .mm-input-row:focus-within{outline-offset:1px;outline:1px solid #ffffffb3}.message-mood-demo .mm-received>div,.message-mood-demo .mm-bubble.mm-shape-classic{text-align:left;background:0 0;border:0;border-radius:24px;min-height:56px;padding:10px 18px;font-size:23px;font-weight:600;line-height:1.4}.message-mood-demo .mm-received>div:before,.message-mood-demo .mm-bubble.mm-shape-classic:before{z-index:-1;border-radius:inherit;background:var(--mm-bubble-fill);content:"";pointer-events:none;position:absolute;inset:0}.message-mood-demo .mm-received>div:last-child:after,.message-mood-demo .mm-bubble.mm-shape-classic:after{z-index:-1;background:var(--mm-bubble-fill);width:12px;height:16px;clip-path:path("M 0 0 C 6 1 5 11 12 15 C 6 15 1 12 0 9 Z");content:"";pointer-events:none;position:absolute;bottom:0;right:-4px}.message-mood-demo .mm-received>div:last-child:after{left:-4px;right:auto;transform:scaleX(-1)}.message-mood-demo .mm-bubble-copy{display:block}.message-mood-demo .mm-selected-letter{background:#fffbd43d}.message-mood-demo .mm-editor-header{flex:none;align-items:center;gap:8px;height:48px;margin-bottom:8px;display:flex}.message-mood-demo .mm-back-keyboard{color:#fff;background:0 0;border:0;flex:none;place-items:center;width:36px;height:40px;padding:0;display:grid}.message-mood-demo .mm-editor-tabs{background:#ffffff12;border-radius:15px;flex:1;height:42px;padding:3px;display:flex}.message-mood-demo .mm-editor-tabs button{color:#e6e9df;font:inherit;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;font-size:17px;font-weight:600;display:flex}.message-mood-demo .mm-editor-tabs button[aria-selected=true]{color:#fff;background:#ffffff2b;box-shadow:0 1px 4px #0002}.message-mood-demo .mm-keyboard-entry{flex:none;justify-content:space-between;height:42px;display:flex}.message-mood-demo .mm-keyboard-entry button{color:#fff;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;width:44px;padding:0;display:grid}.message-mood-demo .mm-bubble-wrap:has(.mm-sticker){margin-top:30px}.message-mood-demo .mm-sticker-zone{z-index:1;opacity:0;pointer-events:none;background:#56bbff26;border:1.5px dashed #0084d9;border-radius:20px;height:44px;animation:2.4s ease-out both mm-sticker-zone-highlight;position:absolute;top:-34px;left:0;right:0;box-shadow:0 0 0 3px #ffffff35}.message-mood-demo .mm-sticker-zone[data-dragging=true]{opacity:1;animation:none}@keyframes mm-sticker-zone-highlight{0%{opacity:0}10%,70%{opacity:1}to{opacity:0}}.message-mood-demo .mm-send-enter{transform-origin:100% 100%;animation:.46s cubic-bezier(.2,.75,.25,1) 50ms backwards mm-send-unfold}.message-mood-demo .mm-send-pulse{border-radius:inherit;pointer-events:none;transform-origin:100%;background:linear-gradient(90deg,#009cff18,#009cffb3);animation:.28s cubic-bezier(.22,.7,.25,1) both mm-send-gather;position:absolute;inset:1px}@keyframes mm-send-unfold{0%{clip-path:inset(-48px -12px -12px 96% round 24px);opacity:.55;transform:translateY(30px)}55%{clip-path:inset(-48px -12px -12px round 24px);opacity:1;transform:translateY(-2px)}to{clip-path:inset(-48px -12px -12px round 24px);opacity:1;transform:translateY(0)}}@keyframes mm-send-gather{0%{clip-path:inset(0 0 0 100% round 32px);opacity:0}30%{clip-path:inset(0 round 32px);opacity:.7}to{clip-path:inset(0 0 0 100% round 32px);opacity:0}}@media (prefers-reduced-motion:reduce){.message-mood-demo .mm-send-enter,.message-mood-demo .mm-send-pulse{animation:none}.message-mood-demo .mm-send-pulse{display:none}}.message-mood-demo .mm-selection-light{z-index:0;border-radius:inherit;pointer-events:none;opacity:0;animation:.48s ease-out both mm-selection-glass-light;position:absolute;inset:0;overflow:hidden}.message-mood-demo .mm-selection-light:before{filter:blur(7px);transform-origin:0;content:"";background:radial-gradient(at 13% 52%,#fffedbf5 0%,#ffff77ed 12%,#f4ff589e 27%,#edff4138 47%,#0000 72%);animation:.48s cubic-bezier(.18,.7,.25,1) both mm-selection-light-spread;position:absolute;inset:-14px -8px}.message-mood-demo .mm-selection-light:after{border-radius:inherit;content:"";border:1.5px solid #ffffc9b3;position:absolute;inset:0;box-shadow:inset 10px 0 18px #fffeb275,inset 0 1px 2px #fff}.message-mood-demo .mm-selection-copy-flash{animation:.48s ease-out mm-selection-text-light}@keyframes mm-selection-glass-light{0%{opacity:0;box-shadow:0 0 #ffffac00}14%,45%{opacity:.58;box-shadow:0 0 7px #ffffac30}68%{opacity:.35;box-shadow:0 0 4px #ffffac18}to{opacity:0;box-shadow:0 0 #ffffac00}}@keyframes mm-selection-light-spread{0%{transform:translate(-5%)scaleX(.65)}45%{transform:translate(0)scaleX(1)}to{transform:translate(7%)scaleX(1.15)}}@keyframes mm-selection-text-light{0%,to{text-shadow:0 1px 2px #24361765}20%,45%{text-shadow:0 1px 2px #24361745,0 0 4px #fffeca65}}@media (prefers-reduced-motion:reduce){.message-mood-demo .mm-selection-light{animation:none;display:none}.message-mood-demo .mm-selection-copy-flash{animation:none}}