.emoji-search{flex:auto;min-width:0;position:relative}.emoji-search-shell{box-shadow:inset 0 -1px 0 0 hsl(var(--rule) / .55);align-items:center;gap:.6rem;padding-bottom:.3rem;transition:box-shadow .15s;display:flex;position:relative}.emoji-search-shell:focus-within{box-shadow:inset 0 -2px 0 0 hsl(var(--cut))}.emoji-search-icon{width:1.05rem;height:1.05rem;color:hsl(var(--muted-foreground));pointer-events:none;flex-shrink:0}.emoji-search-input{min-width:0;color:hsl(var(--foreground));font-family:var(--font-display);letter-spacing:-.015em;background:0 0;border:0;flex:auto;padding:.3rem 0;font-size:1.0625rem;font-weight:500}.emoji-search-input::placeholder{color:hsl(var(--muted-foreground) / .85);font-weight:400}.emoji-search-input:focus{outline:none}.emoji-search-input::-webkit-search-cancel-button{-webkit-appearance:none;background:hsl(var(--muted-foreground));cursor:pointer;width:.85rem;height:.85rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 3l10 10M13 3L3 13' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 3l10 10M13 3L3 13' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.emoji-search-input::-webkit-search-cancel-button:hover{background:hsl(var(--cut))}.emoji-search-count{color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.8125rem;font-weight:500}.emoji-search-progress{height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.emoji-search-progress>span{background:hsl(var(--cut));height:100%;transition:width .16s;display:block}.emoji-search-shell.is-searching{box-shadow:inset 0 -2px 0 0 hsl(var(--rule) / .4)}.emoji-search-status:not(:empty){background:hsl(var(--background) / .92);color:hsl(var(--muted-foreground));pointer-events:none;border-radius:2px;padding:.15rem .4rem;font-size:.75rem;line-height:1.3;position:absolute;top:calc(100% + .35rem);left:0}@media (width<=900px){.emoji-search{flex-basis:100%}.emoji-search-status:not(:empty){background:0 0;padding-left:0;position:static}}@media (prefers-reduced-motion:reduce){.emoji-search-shell,.emoji-search-progress>span{transition:none}}.emoji-search-share{width:1.75rem;height:1.75rem;color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:0;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;margin:-.25rem 0;transition:color .12s,background-color .12s;display:inline-flex;position:relative}.emoji-search-share svg{width:.95rem;height:.95rem}.emoji-search-share:hover:not(:disabled),.emoji-search-share:focus-visible{color:hsl(var(--cut));background:hsl(var(--cut) / .08);outline:none}.emoji-search-share.is-copied{color:hsl(var(--cut))}.emoji-search-share.is-copied svg{animation:.26s cubic-bezier(.34,1.56,.64,1) share-tick}.emoji-search-share{animation:.34s cubic-bezier(.34,1.56,.64,1) both share-pop}.emoji-search-share:after{content:"";border-radius:inherit;box-shadow:0 0 0 0 hsl(var(--cut) / .45);pointer-events:none;animation:.52s ease-out 80ms both share-ring;position:absolute;inset:0}@keyframes share-pop{0%{opacity:0;transform:scale(.4)rotate(-14deg)}60%{opacity:1;transform:scale(1.12)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes share-ring{0%{box-shadow:0 0 0 0 hsl(var(--cut) / .45)}to{box-shadow:0 0 0 .6rem hsl(var(--cut) / 0)}}@keyframes share-tick{0%{transform:scale(.5)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.emoji-search-share,.emoji-search-share:after,.emoji-search-share.is-copied svg{animation:none}}.emoji-grid-wrap{contain:layout style paint;max-width:1680px;margin:0 auto;padding:1.75rem 2rem 2rem}@media (width<=560px){.emoji-grid-wrap{padding:1rem}}.emoji-card{width:100%;color:inherit;font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:3px;padding:.35rem .25rem .3rem;display:block}.emoji-card-preview{height:calc(var(--emoji-size) - .5rem);position:relative}.emoji-card-image{object-fit:contain;width:92%;height:92%;transition:transform .15s cubic-bezier(.2,.8,.3,1);position:absolute;inset:4%}.emoji-card:hover{background:hsl(var(--foreground) / .05)}.emoji-card:hover .emoji-card-image{transform:translateY(-3px)rotate(-2deg)scale(1.06)}.emoji-card:active .emoji-card-image{transform:translateY(-1px)rotate(-1deg)scale(1)}.emoji-card:focus{outline:none}.emoji-card:focus-visible{outline:2px solid hsl(var(--cut));outline-offset:1px}.emoji-card-selected,.emoji-card-selected:hover{box-shadow:inset 0 -2px 0 0 hsl(var(--cut));background:0 0}.emoji-card-selected .emoji-card-image{transform:none}.emoji-card-check{z-index:1;background:hsl(var(--foreground) / .14);width:16px;height:16px;color:hsl(var(--background));opacity:0;border-radius:999px;place-items:center;font-size:11px;font-weight:700;line-height:1;display:grid;position:absolute;top:-2px;right:-2px}.emoji-card:hover .emoji-card-check,.emoji-card:focus-visible .emoji-card-check{opacity:1}.emoji-card-selected .emoji-card-check{opacity:1;background:hsl(var(--cut));color:#fff}.emoji-card-preview-animated:before{content:"✦";z-index:1;color:#fff;pointer-events:none;background:#111;border:1px solid #fff;border-radius:999px;place-items:center;width:18px;height:18px;font-family:system-ui,sans-serif;font-size:11px;font-weight:700;line-height:1;display:grid;position:absolute;top:-2px;left:-2px;box-shadow:0 1px 2px #00000047}.emoji-card-name{color:hsl(var(--muted-foreground) / .85);font-family:var(--font-code);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;padding-bottom:2px;font-size:.6875rem;line-height:1.25;display:block;overflow:hidden}.emoji-card:hover .emoji-card-name{color:hsl(var(--foreground))}.emoji-card-selected .emoji-card-name{color:hsl(var(--cut))}.emoji-empty{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:5rem 1.5rem;display:flex}.emoji-empty img{object-fit:contain;width:4rem;height:4rem;filter:drop-shadow(0 2px 3px hsl(var(--lift) / .28));margin-bottom:.5rem;transform:rotate(-7deg)}.emoji-empty h2{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:1.375rem;font-weight:600}.emoji-empty p{max-width:40ch;color:hsl(var(--muted-foreground));margin:0;font-size:.875rem;line-height:1.55}@media (prefers-reduced-motion:reduce){.emoji-card,.emoji-card-image,.emoji-card-check{transition:none}.emoji-card:hover .emoji-card-image,.emoji-card:active .emoji-card-image,.emoji-card-selected .emoji-card-image{transform:none}}.emoji-grid-stage{position:relative}.emoji-grid-wrap.is-marquee{cursor:crosshair;-webkit-user-select:none;user-select:none}.emoji-grid-wrap.is-marquee .emoji-card:hover{background:0 0}.emoji-grid-wrap.is-marquee .emoji-card:hover .emoji-card-image,.emoji-grid-wrap.is-marquee .emoji-card:active .emoji-card-image{filter:drop-shadow(0 1.5px 1.5px hsl(var(--lift) / .3));transform:none}.emoji-grid-wrap.is-marquee .emoji-card:hover .emoji-card-check{opacity:0}.emoji-marquee{z-index:2;pointer-events:none;outline:1.5px dashed hsl(var(--cut));outline-offset:-1px;background:hsl(var(--cut) / .07);position:absolute}.emoji-marquee-remove{outline-color:hsl(var(--muted-foreground));background:hsl(var(--foreground) / .05)}.emoji-marquee-count{background:hsl(var(--cut));color:#fff;font-family:var(--font-code);white-space:nowrap;border-radius:999px;margin:4px;padding:1px 6px;font-size:.6875rem;font-weight:600;line-height:1.5;position:absolute;bottom:-1px;right:-1px;transform:translate(100%,100%)}.emoji-marquee-remove .emoji-marquee-count{background:hsl(var(--muted-foreground))}.emoji-card-marquee-add,.emoji-card-marquee-add:hover{background:hsl(var(--cut) / .09);box-shadow:inset 0 -2px 0 0 hsl(var(--cut) / .55)}.emoji-card-marquee-add .emoji-card-check{opacity:1;background:hsl(var(--cut) / .55);color:#fff}.emoji-card-marquee-add .emoji-card-name{color:hsl(var(--cut))}.emoji-card-marquee-remove,.emoji-card-marquee-remove:hover{background:hsl(var(--foreground) / .05);box-shadow:inset 0 -2px 0 0 hsl(var(--muted-foreground) / .5)}.emoji-card-marquee-remove .emoji-card-image{opacity:.45}.emoji-card-marquee-remove .emoji-card-check{opacity:1;background:hsl(var(--muted-foreground))}.emoji-card-marquee-remove .emoji-card-name{color:hsl(var(--muted-foreground));text-decoration:line-through}.emoji-cell{height:calc(var(--emoji-size) + 1.50938rem);content-visibility:auto;contain:layout style paint;position:relative}.emoji-cell:hover,.emoji-cell:focus-within{content-visibility:visible;contain:layout style}.emoji-card-actions{z-index:3;border:1px solid hsl(var(--border));background:hsl(var(--background));border-radius:999px;width:max-content;display:flex;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0000001f}.emoji-card-actions button{cursor:pointer;min-width:44px;min-height:32px;padding:0 6px;font-size:.6875rem}.emoji-card-actions button:focus-visible{outline:2px solid hsl(var(--cut));outline-offset:-2px}.is-marquee .emoji-card-actions{display:none}@media (pointer:coarse){.emoji-card-actions button{min-height:44px}}.emoji-card-preview[data-preview-unavailable]:after,.workspace-pick[data-preview-unavailable]:after,.sheet-chip[data-preview-unavailable]:after{content:"Image unavailable";white-space:normal;color:hsl(var(--muted-foreground));pointer-events:none;opacity:1;place-items:center;font-size:.625rem;line-height:1.2;display:grid;position:absolute;inset:12% 4% 24%}.sheet-chip[data-preview-unavailable]:after{content:"?";inset:0}.workspace-load-note{z-index:50;border:1px solid hsl(var(--border));background:hsl(var(--background));width:min(360px,100vw - 2rem);color:hsl(var(--foreground));border-radius:8px;padding:1rem;font-size:.875rem;position:fixed;bottom:10rem;right:1rem}.workspace-load-note button{cursor:pointer;min-height:44px;padding:.5rem;text-decoration:underline}.sheet-tray{--background:36 48% 81%;--foreground:24 38% 13%;--muted-foreground:26 22% 32%;--border:30 26% 62%;--input:30 26% 62%;--primary:341 74% 44%;--primary-foreground:0 0% 100%;--accent:33 40% 72%;--accent-foreground:24 38% 13%;--destructive:6 72% 40%;--destructive-foreground:0 0% 100%;--popover:38 52% 94%;--popover-foreground:24 38% 13%;--ring:341 74% 44%;--rule:174 48% 27%;--cut:341 76% 41%;--lift:24 45% 18%;--edge:26 9% 24%;z-index:40;color:hsl(var(--foreground));background:radial-gradient(70% 160% at 28% -30%,#fcf5e399,#0000 60%),linear-gradient(90deg,#6b4a2e1f,#0000 14% 80%,#6b4a2e29),linear-gradient(#eddec4,#dfc8a9 70%,#d4b696);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding:calc(.55rem + 16px) 1.6rem .65rem;display:flex;position:fixed;bottom:.75rem;left:1rem;right:1rem;box-shadow:inset 0 1px #fdf8edbf,inset 0 0 0 1px #8b694b59,inset 0 -3px 4px -2px #885e3a4d,0 5px 0 4px #24211e,0 8px 3px 4px #00000038,0 26px 44px -14px #0c1d1780}.sheet-tray:before{content:"";z-index:-2;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#887f77,#4e4741 9%,#3a3531 55%,#272320);border-radius:23px;padding:5px;position:absolute;inset:-5px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)}.dark .sheet-tray{--background:34 38% 70%;--muted-foreground:26 24% 26%;--accent:32 34% 62%;--border:30 24% 52%;--input:30 24% 52%;--popover:36 40% 88%;background:radial-gradient(70% 160% at 28% -30%,#f4e5c273,#0000 60%),linear-gradient(90deg,#47321f2e,#0000 14% 80%,#47321f38),linear-gradient(#d7c2a2,#c4a887 70%,#b69677);box-shadow:inset 0 1px #f7ebd499,inset 0 0 0 1px #6a503966,inset 0 -3px 4px -2px #64452b59,0 5px 0 4px #161412,0 8px 3px 4px #0006,0 26px 44px -12px #000000bf}.dark .sheet-tray:before{background:linear-gradient(#68605a,#38322e 9%,#2a2623 55%,#191715)}.desk-surface{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.desk-surface:before{content:"";height:13px;box-shadow:inset 0 4px 4px -2px hsl(var(--lift) / .6), inset 0 1px 1px hsl(var(--lift) / .35), inset 0 -1px 0 #f9efdca6, 0 1px 0 #fcf6e8b3;background:radial-gradient(30% 90% at 52% 70%,#54575f2e,#0000),linear-gradient(#b4885f,#c8a47e 55%,#dac1a0);border-radius:7px;position:absolute;top:5px;left:1.1rem;right:1.1rem}.desk-grain,.desk-scuffs,.desk-carve{opacity:0;transition:opacity .9s;position:absolute;inset:0}.desk-grain{background:#742;mask:url(/desk/grain.svg) 0 0/1200px 160px}.desk-scuffs{background:#fdf9f1;mask:url(/desk/scuffs.svg) 50% 100%/1400px 72px no-repeat}.desk-carve{background:#5c391f;width:196px;height:30px;inset:auto 628px 9px auto;mask:url(/desk/carvings.svg) 0 0/100% 100% no-repeat}.desk-carve-lip{background:#fdf8ec;transform:translate(.5px,1px)}.desk-surface[data-ready] .desk-grain{opacity:.24}.desk-surface[data-ready] .desk-scuffs{opacity:.38}.desk-surface[data-ready] .desk-carve{opacity:.32}.desk-surface[data-ready] .desk-carve-lip{opacity:.55}.desk-pencil{opacity:0;background:linear-gradient(90deg,#0000 10px,#5f3d11bf 10px 12px,#0000 12px 13px,#5f3d11bf 13px 18px,#0000 18px 19px,#5f3d11bf 19px 21px,#0000 21px 24px,#5f3d11bf 24px 34px,#0000 34px) 0 3px/100% 3px no-repeat,linear-gradient(#fff3c2f2,#0000 30%),linear-gradient(#fbd45a 0 30%,#b8800c 30% 36%,#efb52c 36% 64%,#a8730a 64% 70%,#cf9014 70% 100%);border-radius:1px;width:156px;height:9px;transition:opacity .9s;position:absolute;top:6px;left:44%;box-shadow:0 3px 3px -1px #2e1c0f80,0 1px #2e1c0f4d}.desk-surface[data-ready] .desk-pencil{opacity:1;animation:.62s cubic-bezier(.34,1.56,.64,1) pencil-nudge}.desk-pencil:after{content:"";background:linear-gradient(#ffffff80,#0000 40%,#00000038),linear-gradient(90deg,#e07b8e 0 11px,#6f6a4a 11px 12px,#e3d79a 12px 14px,#7d7650 14px 15px,#d8cb87 15px 17.5px,#7d7650 17.5px 18.5px,#cdbf78 18.5px 21px,#6f6a4a 21px 22px,#c2b46e 22px);border-radius:5px 1px 1px 3px;width:24px;height:calc(100% + 1px);position:absolute;top:-.5px;right:100%}.desk-pencil:before{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:linear-gradient(#ffffff59,#0000 45%,#47301f4d),radial-gradient(4px 6px at 0,#f2b938 99%,#0000) no-repeat,linear-gradient(90deg,#ecc995 0 64%,#4a4c50 64% 80%,#2d2f33);width:24px;height:100%;position:absolute;top:0;left:100%}@keyframes pencil-nudge{0%{transform:translate(0)}35%{transform:translate(9px)}to{transform:translate(0)}}.sheet-chip:nth-child(3n+1){rotate:-4deg}.sheet-chip:nth-child(3n+2){rotate:3deg}.sheet-chip:nth-child(3n){rotate:-1deg}.sheet-flag{isolation:isolate;color:#3b2b16;min-height:36px;filter:drop-shadow(0 1px .5px hsl(var(--lift) / .35)) drop-shadow(0 2px 2px hsl(var(--lift) / .18));transform-origin:0;background:0 0;border:0;flex-shrink:0;align-items:center;padding:.3rem 1.35rem .3rem .85rem;transition:rotate .16s,translate .16s;display:inline-flex;position:relative;rotate:-1.5deg}.sheet-flag:before{content:"";z-index:-1;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);background:linear-gradient(90deg,#e0ce858c 0 9px,#c2b17059 9px 10px,#0000 10px),linear-gradient(176deg,#fff8b8,#fee672 55%,#f8d04f);position:absolute;inset:0}button.sheet-flag{cursor:pointer}button.sheet-flag:hover{translate:0 -1px;rotate:-3deg}button.sheet-flag:focus-visible{outline:2px solid hsl(var(--cut));outline-offset:3px}.sheet-tally{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;font-size:.875rem;font-weight:600;line-height:1.2}.sheet-tally strong{font-variant-numeric:tabular-nums;color:hsl(var(--cut));margin-right:.1rem;font-size:1.25rem;font-weight:700}.sheet-tray .sheet-eraser{isolation:isolate;box-shadow:none;color:#fff;text-shadow:0 -1px #00000038;background:0 0;transition:transform 90ms;position:relative}.sheet-eraser:before{content:"";z-index:-1;box-shadow:inset 0 1px 0 #ffffff47, inset 0 -1px 1px #0000001f, 0 4px 0 var(--eraser-side), 0 6px 6px -1px hsl(var(--lift) / .4);transition:box-shadow 90ms;position:absolute;inset:0;transform:skew(-14deg)}.sheet-eraser-pencil{--eraser-side:#7c272e}.sheet-eraser-pencil:before{background:radial-gradient(22px 120% at 0 30%,#4b4f5852,#0000),linear-gradient(#d53441,#ba2c37);border-radius:11px 1px 1px 6px}.sheet-eraser-ink{--eraser-side:#223c5d}.sheet-eraser-ink:before{box-shadow:inset 1px 0 0 #0000002e, inset 0 1px 0 #ffffff40, 0 4px 0 var(--eraser-side), 0 6px 6px -1px hsl(var(--lift) / .4);background:linear-gradient(#4273b3,#355f97);border-radius:1px 6px 6px 1px}.sheet-eraser-pencil:after{content:"";pointer-events:none;background:radial-gradient(2px 1.4px at 4px 7px,#af6a70cc 90%,#0000),radial-gradient(1.6px 1.2px at 11px 4px,#a3666bb3 90%,#0000),radial-gradient(2.4px 1.6px at 15px 8px,#a65960bf 90%,#0000),radial-gradient(1.2px 1px at 8px 2px,#5e636e99 90%,#0000);width:20px;height:10px;position:absolute;bottom:-3px;left:-26px}.sheet-eraser:not(:disabled):active{transform:translateY(2px)scaleY(.97)}.sheet-eraser:not(:disabled):active:before{box-shadow:inset 0 1px 2px #0003, 0 1px 0 var(--eraser-side), 0 2px 2px hsl(var(--lift) / .3)}.sheet-tray .sheet-eraser:focus-visible{outline:2px solid hsl(var(--cut));outline-offset:4px}@media (width<=1100px){.desk-carve{width:168px;height:26px;inset:auto .9rem 9px auto}}@media (width<=560px){.sheet-tray{border-radius:16px;bottom:.6rem;left:.5rem;right:.5rem}.sheet-tray:before{border-radius:21px}.desk-surface:before{left:.8rem;right:.8rem}.desk-pencil{width:96px;left:auto;right:2.5rem}.sheet-eraser-pencil:after{display:none}}@media (prefers-reduced-motion:reduce){.desk-surface[data-ready] .desk-pencil{animation:none}.sheet-flag,.sheet-eraser,.sheet-eraser:before{transition:none}}.sheet-summary{align-items:center;gap:1rem;min-width:0;display:flex}.sheet-expand{cursor:pointer;white-space:nowrap;flex-shrink:0;min-height:36px;padding:0 .5rem;font-size:.75rem}.sheet-expand:focus-visible{outline:2px solid hsl(var(--cut))}.sheet-hint{color:hsl(var(--muted-foreground));font-size:.8125rem;line-height:1.35}.sheet-strip{gap:.4rem;min-width:0;max-width:9rem;display:flex;overflow-x:auto}@media (width>=640px){.sheet-strip{max-width:20rem}}.sheet-chip{cursor:pointer;background:0 0;border:0;border-radius:2px;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;transition:background-color .13s;position:relative}.sheet-chip img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff) drop-shadow(0 1.5px 1px hsl(var(--lift) / .35));transition:opacity .13s}.sheet-chip:after{content:"×";color:hsl(var(--destructive));opacity:0;place-items:center;font-size:1.1rem;font-weight:700;transition:opacity .13s;display:grid;position:absolute;inset:0}.sheet-chip:hover{background:hsl(var(--destructive) / .12)}.sheet-chip:hover img{opacity:.25}.sheet-chip:hover:after{opacity:1}.sheet-chip:focus-visible{outline:2px solid hsl(var(--cut));outline-offset:2px}.sheet-actions{flex-shrink:0;align-items:center;gap:.35rem;min-height:48px;display:flex}.sheet-divider{background:hsl(var(--rule) / .4);width:1px;height:1.35rem;margin:0 .5rem}.sheet-share{animation:.34s cubic-bezier(.34,1.56,.64,1) both share-pop;position:relative}.sheet-share:after{content:"";border-radius:inherit;pointer-events:none;animation:.52s ease-out 80ms both share-ring;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.sheet-share,.sheet-share:after{animation:none}}.sheet-status{width:100%;color:hsl(var(--muted-foreground));font-size:.75rem}@media (width<=560px){.sheet-tray{gap:.5rem .75rem;padding:calc(.5rem + 16px) 1rem .55rem}.sheet-summary{gap:.6rem}.sheet-actions{flex-wrap:wrap;max-width:100%}.sheet-tally strong{font-size:1.125rem}.sheet-hint{display:none}.sheet-divider{margin:0 .25rem}}.slack-guide{z-index:50;border-top:2px solid hsl(var(--cut));background:hsl(var(--popover));max-width:34rem;max-height:calc(100dvh - 10rem);box-shadow:0 18px 44px -14px hsl(var(--lift) / .5);border-radius:3px;margin:0 auto;padding:1.5rem 1.6rem;position:fixed;bottom:6.25rem;left:1rem;right:1rem;overflow-y:auto}.slack-guide-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.slack-guide-receipt{color:hsl(var(--cut));font-variant-numeric:tabular-nums;align-items:center;gap:.35rem;margin-bottom:.35rem;font-size:.75rem;font-weight:600;display:inline-flex}.slack-guide h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.25rem;font-weight:700}.slack-guide ol{color:hsl(var(--muted-foreground));margin:1rem 0 0;padding-left:1.15rem;font-size:.875rem;line-height:1.6}.slack-guide li{margin-bottom:.6rem}.slack-guide li strong,.slack-guide li code{color:hsl(var(--foreground))}.slack-guide code{font-family:var(--font-code);word-break:break-all;font-size:.8125rem}.slack-guide-note{border-top:1px solid hsl(var(--rule) / .35);color:hsl(var(--muted-foreground));margin:.9rem 0 0;padding-top:.9rem;font-size:.75rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.sheet-chip,.sheet-chip img,.sheet-chip:after{transition:none}}.sheet-estimate{color:hsl(var(--muted-foreground));cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;align-items:baseline;gap:.5rem;margin-right:.4rem;padding:.25rem .1rem .5rem;transition:color .13s;display:flex;position:relative}.sheet-estimate:hover{color:hsl(var(--foreground))}.sheet-estimate:focus-visible{outline:2px solid hsl(var(--cut));outline-offset:2px}.sheet-estimate-px{color:hsl(var(--foreground));font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:.9375rem;font-weight:600}.sheet-estimate-px small{opacity:.7;font-size:.6875rem;font-weight:500}.sheet-estimate-bytes{font-variant-numeric:tabular-nums;font-size:.75rem}.sheet-estimate-meter{background:hsl(var(--foreground) / .16);height:2px;position:absolute;bottom:.25rem;left:.1rem;right:.1rem}.sheet-estimate-meter i{background:hsl(var(--rule));height:100%;transition:width .22s;display:block}.sheet-estimate[data-pinned=true] .sheet-estimate-meter i{background:hsl(var(--cut))}.sheet-estimate[data-over=true]{color:hsl(var(--destructive))}.sheet-estimate[data-over=true] .sheet-estimate-px,.sheet-estimate[data-over=true] .sheet-estimate-meter i{color:hsl(var(--destructive));background:hsl(var(--destructive))}.sheet-estimate[data-over=true] .sheet-estimate-px{background:0 0}@media (width<=560px){.sheet-estimate-bytes{display:none}}.export-menu{border:0;border-top:2px solid hsl(var(--cut));background:hsl(var(--popover));width:min(23rem,100vw - 2rem);color:hsl(var(--popover-foreground));box-shadow:0 18px 44px -14px hsl(var(--lift) / .55);border-radius:3px;margin:0;padding:0;position:fixed;inset:auto 1rem 4.75rem auto}.export-menu::backdrop{background:0 0}.export-menu h3{color:hsl(var(--muted-foreground));font-family:var(--font-ui);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:600}.size-options-head{color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:1rem;padding:.8rem .9rem .55rem;font-size:.75rem;display:flex}.size-option{border:0;border-top:1px solid hsl(var(--rule) / .22);width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;align-items:center;gap:.7rem;padding:.5rem .9rem;transition:background-color .12s;display:flex}.size-option:hover{background:hsl(var(--foreground) / .05)}.size-option:focus-visible{outline:2px solid hsl(var(--cut));outline-offset:-2px}.size-option-mark{width:1rem;height:1rem;color:hsl(var(--cut));flex-shrink:0;place-items:center;display:grid}.size-option-name{min-width:0;font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;flex:1;font-size:.9375rem;font-weight:600}.size-option-name small{color:hsl(var(--muted-foreground));font-family:var(--font-ui);letter-spacing:0;font-size:.6875rem;font-weight:400;display:block}.size-option-figures{text-align:right;flex-shrink:0;width:6.5rem}.size-option-px{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600;display:block}.size-option-bytes{color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;font-size:.75rem;display:block}.size-option-bar{background:hsl(var(--foreground) / .14);height:2px;margin-top:.3rem;display:block}.size-option-bar i{background:hsl(var(--rule));height:100%;display:block}.size-option[data-active=true]{background:hsl(var(--foreground) / .05)}.size-option[data-active=true] .size-option-name{color:hsl(var(--foreground))}.size-option[data-active=true] .size-option-bar i{background:hsl(var(--cut))}.size-option[data-over=true] .size-option-name small,.size-option[data-over=true] .size-option-bytes{color:hsl(var(--destructive))}.size-option[data-over=true] .size-option-bar i{background:hsl(var(--destructive))}.size-option-originals{border-top-color:hsl(var(--rule) / .5)}.size-option-originals .size-option-mark{color:hsl(var(--muted-foreground))}.size-option-originals:hover .size-option-mark{color:hsl(var(--foreground))}.size-option-originals .size-option-bytes{color:hsl(var(--muted-foreground))}.export-formats{border-top:1px solid hsl(var(--rule) / .35);flex-wrap:wrap;gap:.15rem;padding:.7rem .6rem .6rem;display:flex}.export-formats h3{width:100%;padding:0 .3rem .35rem}.export-menu .export-formats button{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:2px;padding:.35rem .5rem;font-size:.8125rem}.export-menu .export-formats button:hover,.export-menu .export-formats button:focus-visible{background:hsl(var(--accent));color:hsl(var(--accent-foreground));outline:none}@keyframes sheet-flash{0%,to{color:inherit;background:0 0}30%{background:hsl(var(--primary) / .25);color:hsl(var(--primary))}}.sheet-flash{animation:.9s ease-out sheet-flash}@media (prefers-reduced-motion:reduce){.sheet-estimate,.sheet-estimate-meter i,.size-option{transition:none}.sheet-flash{animation:none}}.catalog-discovery-slot{min-width:0;height:252px}.atlas-placeholder{color:hsl(var(--muted-foreground));font-size:.75rem}.theme-atlas{--spring:cubic-bezier(.34, 1.56, .64, 1);flex-direction:column;width:100%;height:100%;display:flex}.theme-atlas button{cursor:pointer;-webkit-tap-highlight-color:transparent}.theme-atlas button:focus-visible{outline:2px solid hsl(var(--cut));outline-offset:2px}.atlas-heading{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.atlas-heading h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:650}.atlas-heading [role=group]{color:hsl(var(--muted-foreground));align-items:baseline;gap:.1rem;font-size:.75rem;display:flex}.atlas-heading [role=group]>span{margin-right:.25rem}.atlas-heading button{font-variant-numeric:tabular-nums;min-width:26px;min-height:28px;color:inherit;background:linear-gradient(hsl(var(--cut)), hsl(var(--cut))) center bottom 4px / 0 2px no-repeat;transition:color .14s ease, background-size .22s var(--spring)}.atlas-heading button:hover{color:hsl(var(--foreground))}.atlas-heading button[aria-pressed=true]{color:hsl(var(--foreground));background-size:14px 2px;font-weight:650}.theme-cloud{scrollbar-width:thin;flex-wrap:wrap;flex:1;place-content:safe center flex-start;align-items:center;gap:.15rem .35rem;min-height:0;margin:0 -.5rem;padding:.5rem;display:flex;overflow-y:auto}.theme-cloud button{min-height:34px;font-family:var(--font-display);font-size:var(--word-size);letter-spacing:-.005em;white-space:nowrap;color:hsl(var(--foreground) / .78);border-radius:999px;align-items:center;gap:.3em;padding:.1rem .45rem .1rem .2rem;font-weight:450;line-height:1.2;transition:opacity .18s,background-color .16s,color .16s;display:inline-flex}.theme-cloud img{object-fit:contain;width:1.75em;height:1.75em;transform:rotate(var(--tilt,-6deg));filter:drop-shadow(0 1px 1px hsl(var(--lift) / .22));transition:transform .26s var(--spring), filter .2s ease;flex-shrink:0}.theme-cloud button:nth-child(2n) img{--tilt:5deg}.theme-cloud button:nth-child(3n) img{--tilt:-2deg}@property --cloud-fade{syntax:"<length>";inherits:false;initial-value:0}.theme-cloud{mask-image:linear-gradient(#000 calc(100% - var(--cloud-fade)), transparent)}.theme-cloud[data-crowded]{--cloud-fade:1.75rem}@supports (animation-timeline:scroll()){.theme-cloud{animation:linear both cloud-fade scroll(self)}.theme-cloud[data-crowded]{--cloud-fade:0px}}@keyframes cloud-fade{0%{--cloud-fade:1.75rem}85%{--cloud-fade:1.75rem}to{--cloud-fade:0px}}.theme-count{opacity:.8;font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground));align-self:flex-start;margin-top:.45em;font-size:.58rem}.theme-cloud button:hover{background:hsl(var(--foreground) / .06);color:hsl(var(--foreground))}.theme-cloud button:hover img{filter:drop-shadow(0 3px 3px hsl(var(--lift) / .3));transform:rotate(0)scale(1.18)translateY(-1px)}.theme-cloud button:active img{transition-duration:90ms;transform:rotate(0)scale(.92)}.theme-cloud:has([aria-pressed=true]) button:not([aria-pressed=true]){opacity:.5}.theme-cloud:has([aria-pressed=true]) button:not([aria-pressed=true]):hover{opacity:1}.theme-cloud button[aria-pressed=true]{color:hsl(var(--cut));background:hsl(var(--cut) / .1)}.theme-cloud button[aria-pressed=true] .theme-word{text-decoration:underline wavy hsl(var(--cut) / .7);text-underline-offset:.28em;margin-left:.12em;text-decoration-thickness:1.5px}.theme-cloud button[aria-pressed=true] .theme-count{color:hsl(var(--cut))}.theme-cloud button[aria-pressed=true] img{animation:sticker-peel .52s var(--spring) both;filter:drop-shadow(0 4px 4px hsl(var(--lift) / .35));transform:rotate(-10deg)scale(1.18)translateY(-2px)}@keyframes sticker-peel{0%{transform:rotate(var(--tilt,-6deg)) scale(1)}45%{transform:rotate(12deg)scale(1.38)translateY(-4px)}to{transform:rotate(-10deg)scale(1.18)translateY(-2px)}}.color-strip{align-items:flex-end;gap:2px;height:34px;padding-top:8px;display:flex}.color-strip button{background:var(--swatch);min-width:18px;height:16px;box-shadow:inset 0 0 0 1px hsl(var(--foreground) / .12);transition:height .24s var(--spring), border-radius .2s ease;flex-basis:0;position:relative}.color-strip button:first-child{border-radius:8px 2px 2px 8px}.color-strip button:last-child{border-radius:2px 8px 8px 2px}.color-strip button:hover{height:21px}.color-strip button[aria-pressed=true]{height:26px;box-shadow:inset 0 0 0 1px hsl(var(--foreground) / .12), 0 3px 6px hsl(var(--lift) / .3);border-radius:6px}.color-strip button[aria-pressed=true]:after{content:"";width:6px;height:6px;box-shadow:0 0 0 1.5px hsl(var(--foreground) / .55);background:#fff;border-radius:50%;margin-left:-3px;position:absolute;top:5px;left:50%}.color-strip:has([aria-pressed=true]) button:not([aria-pressed=true]):not(:hover){opacity:.6}.atlas-status{min-height:30px;color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.atlas-status>span:first-letter{text-transform:uppercase}.atlas-status[data-active]>span{color:hsl(var(--foreground));font-weight:550}.atlas-status button{min-height:28px;color:hsl(var(--cut));text-underline-offset:.25em;font-weight:600;text-decoration:underline 1px}@media (width<=860px){.catalog-discovery-slot{height:240px}.theme-cloud{overscroll-behavior-x:contain;mask-image:linear-gradient(to right, #000 calc(100% - var(--cloud-fade)), transparent);grid-template-rows:repeat(3,auto);grid-auto-flow:column;place-content:center start;gap:.1rem .2rem;padding:.4rem .5rem;display:grid;overflow:auto hidden}.theme-cloud button{font-size:calc(var(--word-size) * .92);min-height:38px}.theme-cloud[data-crowded]{--cloud-fade:1.75rem}@supports (animation-timeline:scroll()){.theme-cloud{animation-timeline:scroll(self inline)}.theme-cloud[data-crowded]{--cloud-fade:0px}}}@media (pointer:coarse){.theme-cloud button{min-height:40px}.atlas-heading button{min-width:36px;min-height:40px}.color-strip{height:48px}.color-strip button{min-width:22px;height:30px}.color-strip button:hover{height:30px}.color-strip button[aria-pressed=true]{height:40px}}@media (prefers-reduced-motion:reduce){.theme-atlas button,.theme-atlas img{transition-duration:1ms!important;animation:none!important}}
