.ic-drop{cursor:pointer;border:2px dashed var(--line-strong);background:radial-gradient(80% 60% at 50% 0%, color-mix(in oklch, var(--sky) 12%, transparent), transparent 70%), var(--bg-2);text-align:center;border-radius:1.25rem;flex-direction:column;align-items:center;padding:2.5rem 1.25rem 2rem;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex;position:relative}.ic-drop:hover,.ic-drop:focus-within{border-color:color-mix(in oklch, var(--sky) 60%, transparent)}.ic-drop:focus-within{outline:2px solid var(--lemon);outline-offset:3px}.ic-drop.over{border-color:var(--sky);box-shadow:0 0 0 6px color-mix(in oklch, var(--sky) 14%, transparent), 0 30px 70px -30px color-mix(in oklch, var(--sky) 70%, transparent);border-style:solid;transform:scale(1.015)}.ic-over{display:none}.ic-drop.over .ic-over{display:inline}.ic-drop.over .ic-idle{display:none}.ic-art{width:9rem;height:6.5rem;position:relative}.ic-tile{border:3px solid var(--raised);width:5.25rem;height:6rem;box-shadow:0 14px 30px -12px color-mix(in oklch, var(--bg) 80%, transparent);border-radius:.9rem;margin:-3rem 0 0 -2.6rem;transition:translate .35s cubic-bezier(.2,1.2,.4,1),rotate .35s cubic-bezier(.2,1.2,.4,1);position:absolute;top:50%;left:50%}.ic-tile.t1{background:linear-gradient(160deg, var(--violet), color-mix(in oklch, var(--violet) 40%, var(--sky)));animation:8s ease-in-out -2s infinite float;translate:-2.2rem;rotate:-14deg}.ic-tile.t2{background:linear-gradient(160deg, var(--mint), var(--sky));animation:9s ease-in-out -5s infinite float;translate:2.2rem;rotate:12deg}.ic-tile.t3{background:radial-gradient(circle at 70% 30%, var(--lemon) 0 14%, transparent 15%), linear-gradient(180deg, var(--coral), color-mix(in oklch, var(--coral) 45%, var(--violet)));place-items:end start;padding:.4rem;animation:7s ease-in-out infinite float;display:grid}.ic-tile.t3 span{background:color-mix(in oklch, var(--bg) 70%, transparent);color:var(--ink);border-radius:.4rem;padding:.05rem .35rem;font-size:.95rem;font-weight:800}.ic-drop:hover .t1,.ic-drop.over .t1{translate:-3.4rem;rotate:-22deg}.ic-drop:hover .t2,.ic-drop.over .t2{translate:3.4rem;rotate:20deg}.ic-seg{border:1px solid var(--line-strong);background:var(--bg-2);border-radius:.9rem;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;display:grid}.ic-seg label{cursor:pointer}.ic-seg input{opacity:0;position:absolute}.ic-seg span{min-height:2.75rem;color:var(--muted);border-radius:.7rem;place-items:center;font-weight:700;transition:background-color .2s,color .2s;display:grid}.ic-seg input:checked+span{background:var(--grad-cta);color:var(--on-brand);box-shadow:var(--glow-cta)}.ic-seg input:disabled+span{cursor:not-allowed;opacity:.4;text-decoration:line-through}.ic-seg input:focus-visible+span{outline:2px solid var(--lemon);outline-offset:2px}.ic-range{width:100%;height:2.75rem;accent-color:var(--sky);cursor:pointer}.ic-toggle{cursor:pointer;border:1px solid var(--line-strong);background:var(--bg-2);border-radius:999px;align-items:center;gap:.6rem;min-height:2.75rem;padding:0 1rem 0 .4rem;font-size:.95rem;transition:border-color .2s,opacity .2s;display:inline-flex}.ic-toggle input{appearance:none;cursor:pointer;background:var(--raised);width:2.5rem;height:1.5rem;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:999px;flex-shrink:0;margin:0;transition:background-color .2s;position:relative}.ic-toggle input:after{content:"";background:var(--muted);border-radius:999px;width:1.1rem;height:1.1rem;transition:transform .25s cubic-bezier(.2,1.3,.4,1),background-color .2s;position:absolute;top:.2rem;left:.2rem}.ic-toggle input:checked{background:color-mix(in oklch, var(--mint) 35%, var(--raised))}.ic-toggle input:checked:after{background:var(--mint);transform:translate(1rem)}.ic-toggle:has(input:checked){border-color:color-mix(in oklch, var(--mint) 40%, transparent)}.ic-toggle:has(input:disabled){opacity:.45;cursor:not-allowed}.ic-card{border:1px solid var(--line);background:var(--raised);min-width:0;animation:.45s cubic-bezier(.2,1.1,.35,1) both ic-in;animation-delay:calc(var(--i) * 45ms);border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.ic-thumb{aspect-ratio:4/3;background:linear-gradient(135deg, color-mix(in oklch, var(--hue) 20%, var(--surface)), var(--surface));color:var(--faint);place-items:center;display:grid;position:relative;overflow:hidden}.ic-thumb img{object-fit:cover;background:repeating-conic-gradient(var(--raised) 0 25%, var(--surface) 0 50%) 0 0 / 16px 16px;width:100%;height:100%;animation:1.1s ease-out both ic-develop}.ic-card[data-state=working] .ic-thumb:after{content:"";background:linear-gradient(100deg,#0000 30%,oklch(100% 5.96046e-8 none/.14) 50%,#0000 70%) 0 0/250% 100%;animation:1.2s linear infinite ic-sweep;position:absolute;inset:0}.ic-spin{border:3px solid color-mix(in oklch, var(--hue) 25%, transparent);border-top-color:var(--hue);border-radius:999px;width:1.75rem;height:1.75rem}.ic-card[data-state=working] .ic-spin{animation:.8s linear infinite ic-rot}.ic-badge{background:var(--mint);width:1.75rem;height:1.75rem;color:var(--on-brand);box-shadow:0 6px 16px -4px color-mix(in oklch, var(--mint) 70%, transparent);border-radius:999px;place-items:center;animation:.45s cubic-bezier(.2,1.6,.4,1) .5s both ic-pop;display:grid;position:absolute;top:.5rem;right:.5rem}.ic-meta{flex-direction:column;flex:1;gap:.15rem;min-width:0;padding:.65rem .75rem .75rem;display:flex}.ic-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}.ic-line{color:var(--faint);margin:0;font-size:.95rem}.ic-dl{align-self:flex-start;margin-top:.5rem}.ic-card[data-state=done]{border-color:color-mix(in oklch, var(--mint) 35%, transparent)}.ic-card[data-state=error]{border-color:color-mix(in oklch, var(--danger) 40%, transparent)}.ic-card[data-state=error] .ic-thumb{color:var(--danger)}.ic-progress{background:var(--grad-brand);transform-origin:0;transition:transform .45s cubic-bezier(.2,.9,.3,1);transform:scaleX(0)}.ic-progress.complete{box-shadow:0 0 18px color-mix(in oklch, var(--mint) 70%, transparent)}.ic-glow{animation:.8s ease-in-out 2 ic-pulse}@keyframes ic-in{0%{opacity:0;transform:translateY(18px)scale(.92)rotate(-2deg)}}@keyframes ic-develop{0%{opacity:.2;filter:blur(14px)saturate(0)brightness(1.4);transform:scale(1.08)}}@keyframes ic-sweep{0%{background-position:150% 0}to{background-position:-100% 0}}@keyframes ic-rot{to{transform:rotate(360deg)}}@keyframes ic-pop{0%{transform:scale(0)}}@keyframes ic-pulse{50%{filter:brightness(1.12);transform:scale(1.05)}}.ss-shake{animation:.42s cubic-bezier(.36,.07,.19,.97) ss-shake}.ss-count{--hue:var(--faint);transition:background-color .25s,color .25s}.ss-count.ready{--hue:var(--mint)}.ss-count.ready:before{content:"";border:2px solid;border-width:0 2px 2px 0;width:.45em;height:.75em;margin:-.15em .15em 0 .05em;transform:rotate(45deg)}.ss-chip{border:1px solid color-mix(in oklch, var(--hue) 30%, transparent);background:color-mix(in oklch, var(--hue) 10%, var(--surface));border-radius:999px;align-items:center;gap:.5rem;max-width:14rem;padding:.25rem .75rem .25rem .25rem;font-size:.95rem;animation:.3s cubic-bezier(.2,1.3,.4,1) both ss-chip-in;display:inline-flex}.ss-chip.dup{color:var(--danger);border-style:dashed}.ss-chip.more{color:var(--muted);--hue:var(--line-strong);padding-left:.75rem}.ss-avatar{background:var(--hue);width:1.6rem;height:1.6rem;color:var(--on-brand);border-radius:999px;flex-shrink:0;place-items:center;font-size:.875rem;font-weight:800;display:grid}.ss-avatar.lg{width:2.4rem;height:2.4rem;box-shadow:0 6px 18px -6px color-mix(in oklch, var(--hue) 70%, transparent);font-size:1rem}#ss-draw.busy .ss-draw-icon{animation:.6s linear infinite ss-spin}#ss-draw:disabled{opacity:1;cursor:progress}.ss-enter .ss-check{animation:.5s cubic-bezier(.2,1.5,.4,1) both ss-pop}.ss-check{background:var(--grad-cta);box-shadow:var(--glow-cta)}.ss-row{border:1px solid var(--line);background:var(--raised);border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;min-height:4rem;padding:.5rem .5rem .5rem .75rem;transition:border-color .3s,box-shadow .3s,background-color .3s;display:flex}.ss-enter .ss-row{animation:.45s cubic-bezier(.2,.9,.3,1.1) both ss-row-in;animation-delay:calc(var(--i) * 60ms + .12s)}.ss-row.sent{border-color:color-mix(in oklch, var(--mint) 45%, transparent);background:color-mix(in oklch, var(--mint) 7%, var(--raised));box-shadow:0 0 0 3px color-mix(in oklch, var(--mint) 10%, transparent)}.ss-row.sent .ss-status{color:var(--mint)}.ss-icon-btn{width:2.75rem;padding:0}.ss-copy.done{border-color:var(--mint);color:var(--mint);animation:.35s cubic-bezier(.2,1.5,.4,1) ss-pop}.ss-progress{background:var(--grad-brand);transform-origin:0;transition:transform .5s cubic-bezier(.2,.9,.3,1);transform:scaleX(0)}.ss-progress.complete{box-shadow:0 0 18px color-mix(in oklch, var(--mint) 70%, transparent)}#ss-redraw-warn{border-color:color-mix(in oklch, var(--lemon) 40%, transparent);background:color-mix(in oklch, var(--lemon) 8%, transparent)}.is-shuffling .ss-final{display:none}.ss-deck{height:150px;position:relative}.ss-card{border:1px solid color-mix(in oklch, var(--hue) 45%, transparent);background:color-mix(in oklch, var(--hue) 14%, var(--raised));width:9.5rem;box-shadow:0 14px 30px -14px color-mix(in oklch, var(--hue) 70%, transparent);translate:-50% -50%;rotate:calc((var(--i) - (var(--n) - 1) / 2) * 7deg);animation:ss-deal .42s ease-in-out calc(var(--i) * 35ms) 3 alternate both;border-radius:1rem;align-items:center;gap:.5rem;padding:.55rem .75rem;font-weight:600;display:inline-flex;position:absolute;top:50%;left:50%}@keyframes ss-deal{0%{transform:translate(calc((var(--i) - (var(--n) - 1) / 2) * 14px), 0)}to{transform:translate(var(--sx), var(--sy)) rotate(var(--sr))}}.ss-gift{z-index:2;cursor:pointer;background:0 0;border:0;border-radius:28px;width:190px;height:190px;position:relative}.ss-gift:after{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in oklch, var(--coral) 55%, transparent), transparent);filter:blur(18px);border-radius:50%;animation:2.4s ease-in-out infinite ss-glow;position:absolute;inset:30% 5% -10%}.ss-gift-inner{transform-origin:50% 90%;animation:3.2s ease-in-out infinite ss-wobble;position:absolute;inset:0}.ss-gift:hover .ss-gift-inner{animation-duration:1.4s}.ss-box{background:linear-gradient(90deg, transparent 43%, var(--lemon) 43% 57%, transparent 57%), linear-gradient(165deg, color-mix(in oklch, var(--coral) 80%, white), var(--coral) 45%, color-mix(in oklch, var(--coral) 65%, var(--violet)));width:146px;height:112px;box-shadow:inset 0 2px 0 oklch(100% 5.96046e-8 none/.4), inset 0 -10px 24px color-mix(in oklch, var(--violet) 35%, transparent), 0 24px 40px -18px color-mix(in oklch, var(--coral) 80%, transparent);border-radius:18px;position:absolute;bottom:8px;left:22px}.ss-lid{background:linear-gradient(90deg, transparent 43%, var(--lemon) 43% 57%, transparent 57%), linear-gradient(165deg, color-mix(in oklch, var(--coral) 70%, white), var(--coral));width:166px;height:38px;box-shadow:inset 0 2px 0 oklch(100% 5.96046e-8 none/.5), 0 8px 14px -8px color-mix(in oklch, var(--bg) 80%, transparent);z-index:1;border-radius:14px;position:absolute;top:52px;left:12px}.ss-bow:before,.ss-bow:after{content:"";border:9px solid var(--lemon);border-radius:50% 50% 10%;width:46px;height:34px;position:absolute;bottom:32px}.ss-bow:before{left:34px;transform:rotate(-18deg)}.ss-bow:after{right:34px;transform:scaleX(-1)rotate(-18deg)}.ss-gift.opening .ss-gift-inner{animation:.38s ease-in-out ss-shake}.opened .ss-lid{animation:.7s cubic-bezier(.3,.6,.3,1) forwards ss-lid-off}.opened .ss-box{animation:.55s ease-in .15s forwards ss-box-out}.opened .ss-gift:after{opacity:0}.ss-rays{background:repeating-conic-gradient(from 0deg, color-mix(in oklch, var(--lemon) 30%, transparent) 0deg 8deg, transparent 8deg 24deg);opacity:0;pointer-events:none;border-radius:50%;width:520px;height:520px;margin:-260px 0 0 -260px;position:absolute;top:50%;left:50%;transform:scale(.3);mask-image:radial-gradient(closest-side,#000 20%,#0000 70%)}.opened .ss-rays{animation:.8s cubic-bezier(.2,.9,.3,1) forwards ss-rays-in,26s linear infinite ss-rotate}.ss-name{z-index:3;overflow-wrap:anywhere;max-width:100%;filter:drop-shadow(0 8px 28px color-mix(in oklch, var(--mint) 35%, transparent));padding:0 .5rem;position:absolute}.ss-name.len-m{font-size:clamp(3.5rem,2rem + 6vw,5.5rem)}.ss-name.len-l{font-size:clamp(2.4rem,1.6rem + 3.5vw,3.6rem)}.ss-name.len-xl{font-size:clamp(1.7rem,1.3rem + 2vw,2.4rem);line-height:1.1}.opened .ss-name{animation:.75s cubic-bezier(.2,1.4,.35,1) .2s both ss-name-in,9s ease-in-out infinite alternate prism-shift}#ss-after:not([hidden]) .ss-detail,#ss-after:not([hidden])>p,#ss-after:not([hidden])>a{animation:.5s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:calc(var(--i,2) * 90ms)}.tool-focus [data-hero]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tool-focus [data-workbench]>aside{display:none}.tool-focus [data-workbench]{grid-template-columns:minmax(0,1fr);max-width:40rem;margin-inline:auto}@keyframes ss-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)rotate(-1deg)}40%,60%{transform:translate(7px)rotate(1deg)}}@keyframes ss-chip-in{0%{opacity:0;transform:scale(.6)}}@keyframes ss-spin{to{transform:rotate(360deg)}}@keyframes ss-pop{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes ss-row-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes ss-wobble{0%,72%,to{transform:rotate(0)translateY(0)}76%{transform:rotate(-7deg)translateY(-4px)}82%{transform:rotate(6deg)translateY(-2px)}88%{transform:rotate(-4deg)}94%{transform:rotate(2deg)}}@keyframes ss-glow{50%{opacity:.6;transform:scale(.92)}}@keyframes ss-lid-off{to{opacity:0;transform:translate(-46px,-150px)rotate(-38deg)}}@keyframes ss-box-out{to{opacity:0;transform:translateY(40px)scale(.6)}}@keyframes ss-rays-in{to{opacity:1;transform:scale(1)}}@keyframes ss-rotate{to{rotate:360deg}}@keyframes ss-name-in{0%{opacity:0;transform:translateY(46px)scale(.3)}}