.tool-shell:has(.cs){max-width:108rem;padding:.5rem .9rem 0}.tool-shell:has(.cs) .tool-intro{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%)}.tool-shell:has(.cs)>:not(.cs):not(.tool-intro):not(script){display:none}@media (min-width:1024px){body:has(.cs),html:has(.cs){overflow:hidden}body:has(.cs) footer{display:none}}.cs{--line:rgba(222,228,246,0.12);--silver:linear-gradient(160deg,rgba(255,255,255,0.5),rgba(255,255,255,0.06) 30%,rgba(255,255,255,0.02) 60%,rgba(255,255,255,0.32));--soft:#a7adc2;display:grid;grid-template-columns:minmax(19rem,23rem) minmax(0,1fr) minmax(19rem,23rem);gap:.9rem;height:calc(100svh - var(--cs-top, 80px) - .9rem);min-height:34rem;color:var(--foreground)}.cs button{cursor:pointer;-webkit-tap-highlight-color:transparent}.cs button:disabled{cursor:default;opacity:.38}.cs :is(button,input,select,textarea):focus-visible{outline:2px solid #fff;outline-offset:2px}.sc{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:0;border-radius:1.75rem;background:radial-gradient(120% 60% at 0 100%,color-mix(in srgb,var(--acc-b) 16%,transparent),transparent 60%),radial-gradient(90% 50% at 100% 0,rgba(160,190,255,.1),transparent 60%),linear-gradient(180deg,rgba(14,14,20,.92),rgba(6,6,10,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 70px -40px rgba(0,0,0,.9);overflow:hidden}.sc:before{content:"";inset:0;z-index:3;padding:1px;background:var(--silver)}.sc-edge,.sc:before{position:absolute;border-radius:inherit;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.sc-edge{inset:-1px;z-index:2;padding:1.5px;background:conic-gradient(from 210deg,var(--acc-a),var(--acc-b),#8fe9ff,var(--acc-a));opacity:.18;filter:blur(.5px);transition:opacity .6s}.sc:focus-within .sc-edge{opacity:.45}.sc[data-working] .sc-edge{opacity:.9;animation:sc-breathe 1.8s ease-in-out infinite}@keyframes sc-breathe{50%{opacity:.45}}.sc-grain{position:absolute;inset:0;z-index:-1;background:url(/grain-v3.png) 0 0/var(--grain,128px) repeat;opacity:.16;image-rendering:pixelated;pointer-events:none}.sc-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .4rem 1.25rem}.sc-icon{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:999px;color:var(--soft);background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);transition:color .2s,background .2s}.sc-icon:hover{color:#fff;background:rgba(255,255,255,.1)}.sc-history{position:absolute;inset:3.8rem .7rem auto;z-index:5;display:grid;gap:.6rem;max-height:calc(100% - 5rem);padding:.8rem;border-radius:1.3rem;background:rgba(12,12,18,.97);box-shadow:inset 0 0 0 1px var(--line),0 30px 60px -20px #000}.sc-new{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem;border-radius:999px;font-size:.9rem;font-weight:650;color:#0a0a10;background:linear-gradient(180deg,#fff,#d8dbe6)}.sc-list{display:grid;gap:.15rem;overflow-y:auto;min-height:0}.sc-list button{display:grid;gap:.1rem;padding:.6rem .75rem;border-radius:.9rem;text-align:left;transition:background .15s}.sc-list button:hover,.sc-list button[aria-pressed=true]{background:rgba(255,255,255,.07)}.sc-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.sc-list p,.sc-list time,.sc-note{font-size:.75rem;color:var(--soft)}.sc-log{flex:1;min-height:0;overflow-y:auto;padding:.6rem 1.15rem 1rem;display:flex;flex-direction:column;gap:.9rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent;overscroll-behavior:contain}.sc-msg p{white-space:pre-wrap;overflow-wrap:anywhere}.sc-msg.is-me{font-size:1rem;line-height:1.5;color:#e9eaf2}.sc-msg.is-user{align-self:flex-end;max-width:86%;padding:.6rem .95rem;border-radius:1.15rem 1.15rem .35rem 1.15rem;font-size:.95rem;line-height:1.45;background:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.sc-msg.is-live{margin-top:auto}.sc-msg.is-live:after{content:"";display:block;clear:both}.sc-me{float:left;position:relative;width:3.9rem;height:3.9rem;margin:-.2rem .7rem .15rem 0;shape-outside:circle(50%);cursor:pointer}.sc-me canvas{position:absolute;inset:-18%;width:136%;height:136%;pointer-events:none}.sc-me-orb{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#9aa3bf 30%,#2b2f3d 70%)}.sc-msg.is-live p{font-size:1.08rem;line-height:1.5}.sc-live{color:var(--soft)}.sc-msg.is-live p+.sc-live{margin-top:.35rem;font-size:.92rem}.sc-chips{clear:both;display:flex;flex-wrap:wrap;gap:.4rem;padding-top:.7rem}.sc-chips button,.sc-suggest button{padding:.45rem .85rem;border-radius:999px;font-size:.85rem;font-weight:600;color:#f1f2f8;background:linear-gradient(135deg,color-mix(in srgb,var(--acc-b) 22%,transparent),rgba(255,255,255,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.07);transition:background .15s,transform .15s}.sc-chips button:hover,.sc-suggest button:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--acc-b) 42%,transparent),rgba(255,255,255,.1))}.sc-chips button:active,.sc-suggest button:active{transform:scale(.97)}.sc-down{position:absolute;left:50%;bottom:7.2rem;z-index:4;display:flex;align-items:center;gap:.35rem;padding:.4rem .8rem;border-radius:999px;font-size:.8rem;transform:translateX(-50%);background:rgba(20,20,28,.95);box-shadow:inset 0 0 0 1px var(--line)}.sc-foot{display:grid;gap:.6rem;padding:.4rem .9rem .95rem}.sc-suggest{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none}.sc-suggest::-webkit-scrollbar{display:none}.sc-suggest button{flex:none;padding:.38rem .75rem;font-size:.8rem;background:rgba(255,255,255,.05)}.sc-input{display:flex;align-items:center;gap:.4rem;padding:.3rem .3rem .3rem 1.1rem;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--line),inset 0 1px 0 rgba(255,255,255,.08);transition:box-shadow .2s}.sc-input:focus-within{box-shadow:inset 0 0 0 1px rgba(255,255,255,.32),0 0 24px -10px var(--acc-b)}.sc-input input{flex:1;min-width:0;height:2.6rem;background:none;font-size:1rem;color:#fff;outline:none}.sc-input input::placeholder{color:#7d8299}.sc .sc-input input:focus-visible{outline:none}.sc-send{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border-radius:999px;color:#0a0a10;background:linear-gradient(180deg,#ffffff,#cfd3e0);box-shadow:inset 0 1px 0 #fff,0 6px 16px -8px rgba(255,255,255,.6);transition:transform .15s}.sc-send:active{transform:scale(.94)}.cs-stage{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;min-height:0;border-radius:1.75rem;background:var(--surface);overflow:hidden}.cs-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem .9rem 0}.cs-seg{gap:.2rem;padding:.25rem;background:rgba(255,255,255,.05)}.cs-seg,.cs-seg button{display:inline-flex;border-radius:999px}.cs-seg button{align-items:center;gap:.35rem;padding:.42rem .85rem;font-size:.85rem;font-weight:600;color:var(--soft);transition:color .15s,background .15s}.cs-seg button:hover{color:#fff}.cs-seg button:is([aria-selected=true],[aria-pressed=true]){color:#0a0a10;background:var(--paper)}.cs-history{display:flex;gap:.3rem}.cs-history button,.cs-icon-btn{display:grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;border-radius:999px;color:#e9eaf2;background:rgba(255,255,255,.06);transition:background .15s}.cs-history button:hover,.cs-icon-btn:hover{background:rgba(255,255,255,.12)}.cs-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:0;padding:.8rem 1.4rem;container-type:size}.cs-plate{position:relative;--ar:1;flex:none;width:min(100cqw,calc((100cqh - 3.2rem) * var(--ar)),calc(34rem * var(--ar)));border-radius:1.4rem;overflow:hidden;background:#fff;animation:cs-in .35s cubic-bezier(.2,.7,.2,1)}.cs-plate.is-clear{background:repeating-conic-gradient(#e2e5ec 0 25%,#ffffff 0 50%) 0 0 /18px 18px}.cs-plate img{display:block;width:100%;height:auto;user-select:none}.cs-art.is-bar .cs-plate{width:min(100cqw,40rem);border-radius:1rem}.cs-art.is-sample .cs-plate{opacity:.92}@keyframes cs-in{0%{transform:scale(.97);opacity:.6}}.cs-name{display:flex;align-items:baseline;gap:.55rem;font-size:.85rem;color:var(--soft)}.cs-name b{font-size:1.15rem;font-weight:750;letter-spacing:-.02em;color:#fff}.cs-status{display:flex;justify-content:center;padding:0 1rem .7rem;min-height:2.6rem}.cs-scan{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .85rem;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--soft);background:rgba(255,255,255,.05)}.cs-scan.is-good{color:#bdf5d4}.cs-scan.is-warn{color:#ffe1a6}.cs-scan.is-bad{color:#ffc4c4}.cs-scan.is-busy svg{animation:cs-scanning 1.1s ease-in-out infinite}@keyframes cs-scanning{50%{transform:translateY(-2px);opacity:.5}}.cs-scan button{margin-left:.25rem;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;color:#0a0a10;background:#fff}.cs-dock{display:flex;align-items:center;gap:.5rem;padding:.8rem .9rem .9rem;border-top:1px solid var(--line);background:var(--surface)}.cs-formats button{padding:.45rem .7rem;font-size:.8rem;letter-spacing:.03em}.cs-size{display:inline-flex;align-items:center;gap:.3rem;height:2.5rem;padding:0 .8rem;border-radius:999px;font-size:.85rem;color:#e9eaf2;background:rgba(255,255,255,.06)}.cs-size input{width:3.4rem;background:none;color:#fff;outline:none;font-variant-numeric:tabular-nums}.cs-size.is-note{color:var(--soft)}select.cs-size{appearance:none;padding-right:.9rem}select.cs-size option{color:#000}.cs-save{flex:1;min-width:0;justify-content:center;padding-block:.8rem;font-weight:650}.cs-panel{display:flex;flex-direction:column;min-height:0;border-radius:1.75rem;background:rgba(14,14,21,.66);overflow:hidden}.cs-tabs{display:flex;gap:1.1rem;padding:1.05rem 1.25rem .7rem;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.cs-tabs::-webkit-scrollbar{display:none}.cs-tabs button{position:relative;flex:none;font-size:1.05rem;font-weight:750;letter-spacing:-.02em;color:rgba(244,243,248,.42);transition:color .15s}.cs-tabs button:hover{color:rgba(244,243,248,.8)}.cs-tabs button[aria-selected=true]{color:#fff}.cs-tabs button[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-.72rem;height:2px;border-radius:2px;background:var(--paper)}.cs-tabs button[data-tab=chat]{display:none}.cs-body{flex:1;min-height:0;overflow-y:auto;padding:1.1rem 1.2rem 1.4rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent;overscroll-behavior:contain}.cs-sec{display:grid;gap:.95rem;align-content:start}.cs-label{margin-top:.3rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.cs-hint{font-size:.82rem;line-height:1.5;color:var(--soft)}.cs-warn{font-size:.85rem;line-height:1.45;color:#ffc4c4}.cs-chips{display:flex;flex-wrap:wrap;gap:.4rem}.cs-chips button{padding:.48rem .85rem;border-radius:999px;font-size:.85rem;font-weight:600;color:#e9eaf2;background:rgba(255,255,255,.06);transition:background .15s}.cs-chips button:hover{background:rgba(255,255,255,.11)}.cs-chips button[aria-pressed=true]{color:#0a0a10;background:var(--paper)}.cs-chips small{opacity:.6;font-weight:500}.cs-kinds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.cs-kinds button{display:grid;justify-items:center;gap:.3rem;padding:.65rem .2rem;border-radius:1rem;font-size:.78rem;font-weight:600;color:var(--soft);background:rgba(255,255,255,.04);transition:background .15s,color .15s}.cs-kinds button:hover{color:#fff}.cs-kinds button[aria-pressed=true]{color:#0a0a10;background:var(--paper)}.cs-field{display:grid;gap:.4rem}.cs-field span{font-size:.85rem;color:var(--soft)}.cs-field input,.cs-field textarea{width:100%;padding:.75rem .95rem;border-radius:.95rem;font-size:1rem;color:#fff;background:rgba(255,255,255,.06);outline:none;transition:box-shadow .15s;resize:vertical}.cs-field small{font-size:.78rem;line-height:1.4;color:var(--soft)}.cs-check{display:flex;align-items:center;gap:.55rem;font-size:.9rem;color:#e9eaf2}.cs-check input{width:1.05rem;height:1.05rem;accent-color:#fff}.cs-groups button{padding:.38rem .75rem;font-size:.8rem}.cs-looks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem .6rem}.cs-look{display:grid;gap:.4rem;min-width:0}.cs-look img{width:100%;aspect-ratio:1;border-radius:1rem;background:#fff;transition:transform .18s,box-shadow .18s}.cs-look:hover img{transform:translateY(-2px)}.cs-look span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:.78rem;font-weight:600;color:var(--soft)}.cs-look:hover span,.cs-look[aria-pressed=true] span{color:#fff}.cs-own{display:flex;align-items:center;gap:.85rem;padding:.6rem;border-radius:1.1rem;text-align:left;background:rgba(255,255,255,.04);transition:background .15s}.cs-own:hover{background:rgba(255,255,255,.08)}.cs-own img{width:3.6rem;height:3.6rem;border-radius:.8rem;background:#fff}.cs-own span{display:grid;gap:.15rem;font-size:.8rem;color:var(--soft)}.cs-own b{font-size:.95rem;color:#fff}.cs-palettes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem .45rem}.cs-palettes button{display:grid;justify-items:center;gap:.3rem;font-size:.7rem;color:var(--soft)}.cs-palettes span{display:flex;align-items:center;justify-content:center;gap:.15rem;width:100%;aspect-ratio:1;border-radius:.9rem;transition:transform .15s}.cs-palettes i{width:32%;aspect-ratio:1;border-radius:50%}.cs-palettes button:hover span{transform:translateY(-2px)}.cs-palettes button[aria-pressed=true]{color:#fff}.cs-colour{display:grid;gap:.5rem}.cs-colour-head{justify-content:space-between;font-size:.88rem;color:#e9eaf2}.cs-colour-head,.cs-hex{display:flex;align-items:center}.cs-hex{gap:.4rem;padding:.2rem .25rem .2rem .2rem;border-radius:999px;background:rgba(255,255,255,.06)}.cs-hex input[type=color]{width:1.6rem;height:1.6rem;border:0;border-radius:50%;padding:0;background:none;cursor:pointer}.cs-hex input[type=color]::-webkit-color-swatch-wrapper{padding:0}.cs-hex input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.cs-hex input:not([type]){width:4.6rem;background:none;font-size:.82rem;font-family:var(--font-mono);color:#fff;outline:none}.cs-swatches{display:flex;flex-wrap:wrap;gap:.4rem}.cs-swatches button{width:1.75rem;height:1.75rem;border-radius:50%;transition:transform .12s}.cs-swatches button:hover{transform:scale(1.1)}.cs-clear{background:var(--surface)!important}.cs-link{justify-self:start;font-size:.85rem;color:var(--soft);text-decoration:underline;text-underline-offset:3px}.cs-link:hover{color:#fff}.cs-eyes{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}.cs-eyes button{display:grid;place-items:center;aspect-ratio:1;border-radius:.8rem;color:#e9eaf2;background:rgba(255,255,255,.05);transition:background .15s}.cs-eyes button svg{width:62%}.cs-eyes button:hover{background:rgba(255,255,255,.11)}.cs-eyes button[aria-pressed=true]{color:#0a0a10;background:var(--paper)}.cs-slider{display:grid;gap:.45rem;font-size:.88rem;color:#e9eaf2}.cs-slider span{display:flex;justify-content:space-between}.cs-slider output{font-variant-numeric:tabular-nums;color:var(--soft)}.cs-slider input{width:100%}.cs-upload{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem;border-radius:1rem;font-size:.9rem;font-weight:600;color:#e9eaf2;border:1.5px dashed rgba(255,255,255,.18);transition:border-color .15s,background .15s}.cs-upload:hover{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.04)}.cs-logo{display:flex;align-items:center;gap:.7rem}.cs-logo img{width:3rem;height:3rem;border-radius:.7rem;object-fit:contain;background:#fff;padding:.25rem}.cs-logo .cs-chips{flex:1}@media (max-width:1279px) and (min-width:1024px){.cs{grid-template-columns:minmax(17rem,20rem) minmax(0,1fr) minmax(17rem,20rem);gap:.7rem}.cs-looks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1023px){body:has(.cs),html:has(.cs){overflow:hidden}body:has(.cs) footer{display:none}.tool-shell:has(.cs){padding:.3rem .55rem 0}.cs{display:flex;flex-direction:column;gap:.5rem;height:calc(100svh - var(--cs-top, 72px) - 4.9rem - env(safe-area-inset-bottom, 0px));min-height:0}.cs-stage{order:1;flex:none;grid-template-rows:auto auto auto;border-radius:1.3rem}.cs-top{padding:.5rem .5rem 0}.cs-top .cs-seg button{padding:.36rem .7rem;font-size:.8rem}.cs-history button{width:2.2rem;height:2.2rem}.cs-art{container-type:inline-size;padding:.4rem 1rem .1rem;gap:.35rem}.cs-plate{width:min(46vw,15rem,calc(26svh * var(--ar)));border-radius:.9rem}.cs-art.is-bar .cs-plate{width:100%}.cs-name{font-size:.75rem}.cs-name b{font-size:.95rem}.cs-status{padding-bottom:.45rem;min-height:0}.cs-scan{padding:.3rem .7rem;font-size:.75rem}.cs-dock{position:fixed;left:.55rem;right:.55rem;bottom:calc(.55rem + env(safe-area-inset-bottom, 0px));z-index:45;padding:.45rem;border:0;border-radius:1.4rem;background:rgba(12,12,19,.95)}.cs-formats button{padding:.45rem .5rem}.cs-dock .cs-icon-btn,.cs-dock .cs-size{display:none}.cs-panel{order:2;flex:1;min-height:0;border-radius:1.3rem}.cs[data-tab=chat] .cs-panel{flex:none}.cs-tabs{gap:1rem;padding:.75rem 1rem .55rem}.cs-tabs button{font-size:1rem}.cs-tabs button[data-tab=chat]{display:block}.cs-body{padding:.9rem .9rem 1.2rem}.sc{order:3;flex:1;min-height:0;border-radius:1.3rem}.sc,.sc-head .group,.sc-head>a{display:none}.sc-head{justify-content:flex-end;padding:.45rem .45rem 0}.sc-log{padding-top:.2rem}.cs[data-tab=chat] .sc{display:flex}.cs[data-tab=chat] .cs-body{display:none}.cs[data-tab=chat] .cs-tabs{border-bottom:0}.cs-looks{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-eyes{gap:.25rem}}@media (prefers-reduced-motion:reduce){.cs-plate,.cs-scan.is-busy svg,.sc[data-working] .sc-edge{animation:none}}.tool-mini-chat{min-width:0;min-height:0;height:100%;--soft:var(--muted)}.tool-mini-chat .sc{height:100%;display:flex;border-radius:24px;background:#201d23;box-shadow:none}.tool-mini-chat .sc-edge,.tool-mini-chat .sc:before{display:none}.tool-mini-chat .sc-grain{opacity:.025}.tool-mini-chat .sc-head{display:flex;justify-content:space-between;padding:18px 18px 8px}.tool-mini-chat .sc-head>a{display:inline-flex;font-size:24px}.tool-mini-chat .sc-log{scrollbar-width:none;padding:12px 18px 18px}.tool-mini-chat .sc-log::-webkit-scrollbar{display:none}.tool-mini-chat .sc-msg.is-live{margin-top:0}.tool-mini-chat .sc-msg.is-live p{font-size:16px;line-height:1.55}.tool-mini-chat .sc-msg.is-live .sc-live{font-size:13px;color:var(--muted)}.tool-mini-chat .sc-msg.is-user{font-size:15px;background:var(--surface-2);box-shadow:none}.tool-mini-chat .sc-foot{padding:10px 14px 14px}.tool-mini-chat .sc-input{background:var(--paper);color:var(--background);box-shadow:none;padding:6px 6px 6px 16px}.tool-mini-chat .sc-input:focus-within{outline:2px solid var(--accent);outline-offset:3px;box-shadow:none}.tool-mini-chat .sc-input input{color:var(--background);height:36px;font-size:16px}.tool-mini-chat .sc-input input::placeholder{color:#756c7a}.tool-mini-chat .sc-send{background:var(--background);color:var(--paper);box-shadow:none;width:40px;height:40px}.tool-mini-chat .sc-send:disabled{opacity:.35;cursor:default}.tool-mini-chat .sc-icon{color:var(--muted)}.tool-mini-chat .sc-history{background:var(--surface)}.tool-chat-error{font-size:13px;color:var(--danger)}.tool-chat-error button{padding:8px 0;min-height:40px;text-decoration:underline;text-underline-offset:4px}.tool-chat-links{display:flex;flex-direction:column;gap:8px;font-size:14px;padding:4px}.tool-chat-links a{color:var(--accent)}.tool-chat-dots{display:flex;gap:6px;clear:both;padding:12px 0}.tool-chat-dots i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:tool-chat-dot 1.2s ease-in-out infinite}.tool-chat-dots i:nth-child(2){animation-delay:.16s}.tool-chat-dots i:nth-child(3){animation-delay:.32s}@keyframes tool-chat-dot{0%,65%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.tool-chat-dots i{animation:none}}.tool-workbench .ws-with-chat{grid-template-columns:minmax(0,1fr) 300px;height:100%;gap:16px}.tool-workbench .ws-with-chat .ws-top{display:contents}.tool-workbench .ws-with-chat .ws-stage{grid-column:1;grid-row:1/3}.tool-workbench .ws-with-chat .ws-head{grid-column:2;grid-row:1}.tool-workbench .ws-with-chat .ws-side{grid-column:2;grid-row:2}.tool-workbench .ws-with-chat .ws-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0;border:0;overflow:visible}.tool-workbench .ws-with-chat .ws-mode{min-height:44px;padding:10px 12px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:14px;font-weight:550;letter-spacing:0}.tool-workbench .ws-with-chat .ws-mode.is-on{background:var(--paper);color:var(--background)}.tool-workbench .ws-with-chat .ws-mode:after{display:none}@media(min-width:1100px){body:has(.tool-mini-chat) .cookie-note{left:calc(max(32px,(100vw - 1600px)/2 + 32px) + 296px);right:auto;top:auto;bottom:16px;max-width:360px}.tool-workbench>.upload-surface{height:100%;min-height:0}.tool-workbench .ws-with-chat{grid-template-rows:auto minmax(0,1fr)}}@media(max-width:1099px){.tool-mini-chat{height:280px;position:sticky;top:0;z-index:30}.tool-mini-chat .sc{border-radius:20px}.tool-mini-chat .sc-head{padding:10px 16px 4px}.tool-mini-chat .sc-log{padding-block:6px 10px}.tool-mini-chat .sc-me{width:68px;height:68px}.tool-mini-chat .sc-msg.is-live p{font-size:15px}.tool-mini-chat .sc-foot{padding-top:4px}.tool-workbench .ws-with-chat{display:flex;flex-direction:column;height:auto}.tool-workbench .ws-with-chat .ws-work{height:340px}.tool-workbench .ws-with-chat .ws-head{display:block;padding:0}}.tool-shell.tool-shell{--workspace-radius:20px;max-width:1600px;padding:8px 32px 24px}.tool-shell.tool-shell .tool-intro{position:static;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;width:auto;height:auto;margin:0 0 12px;overflow:visible;clip-path:none}.tool-shell.tool-shell .tool-title{min-width:0;margin:0;font-family:var(--font-display);font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.03em}.tool-intro>button{flex:none;min-height:40px;font:500 13px var(--font-body)}.tool-shell.tool-shell:has(.cs){max-width:1600px;padding:8px 32px 12px}.tool-shell.tool-shell:has(.cs) .tool-intro{position:static;width:auto;height:auto;clip-path:none;margin:0 0 12px}.tool-experience:has(.tool-mini-chat){grid-template-columns:280px minmax(0,1fr);gap:16px;font-family:var(--font-body)}.tool-mini-chat .sc{border-radius:var(--workspace-radius)}.sc-head:not(:has(a)),.tool-mini-chat .sc-head{justify-content:flex-end}.tool-mini-chat .sc-head{padding:8px 12px 0}.tool-mini-chat .sc-log{padding-top:8px}.tool-mini-chat :is(.sc-msg.is-user,.sc-msg.is-me,.sc-msg.is-live p){font:400 16px/1.55 var(--font-body)}.tool-mini-chat .sc-msg.is-live .sc-live{font-size:14px}.tool-experience .studio{display:grid;gap:12px;min-width:0;min-height:0}.tool-experience .studio-panel,.tool-experience .studio-stage,.upload-surface{border-radius:var(--workspace-radius,20px)}.tool-experience .studio-stage{height:auto;min-height:0;background:#201d23}.tool-experience .studio-panel-body{padding:18px;gap:22px}.studio-panel{font:400 15px/1.5 var(--font-body)}.studio-panel :is(button,input,select,textarea){font-family:var(--font-body)}.studio-panel .mono{font:500 13px/1.4 var(--font-body)}.studio-panel .well input{font-size:16px}.studio-panel .choice>span:last-child:not(:first-child){font-size:12px;line-height:1.4}.studio-panel .choice>span:first-child{white-space:normal;overflow:visible;text-overflow:clip}.cutout-tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.cutout-tool-list .tile{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:44px;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.35}.cutout-tool-list .tile svg{flex:none}.cutout-tool-list .tile span{white-space:normal;overflow:visible;text-overflow:clip}.cutout-tool-list .tile:last-child{grid-column:1/-1}.tool-experience .studio-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;min-height:60px;padding:8px 0 0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}.studio-actions>p{flex:1;min-width:0;font-size:13px}.studio-actions>div{flex:none}.studio-actions .dock-icon{width:44px;height:44px}.studio-actions .pill-primary{min-height:44px;padding:12px 24px;font-size:14px}.stage-picture{overflow:hidden}.stage-picture>img{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);object-fit:contain;border-radius:12px;box-shadow:none}.studio-stage:has(.stage-figure) .stage-picture>img{bottom:60px;height:calc(100% - 76px)}.studio-stage:has(.studio-tray) .stage-picture>img{bottom:84px;height:calc(100% - 100px)}.stage-figure>span:first-child{font-size:28px;line-height:1.1}.stage-figure>span:last-child{font-size:13px}.tool-workbench .ws-with-chat .ws-actionbar{grid-column:1/-1;grid-row:3}.ws-actionbar>div{margin-left:auto}@media(min-width:1100px){.tool-shell:has(.tool-experience .tool-workbench [data-working]){display:flex;flex-direction:column;height:calc(100svh - 76px)}.tool-shell:has(.tool-experience .tool-workbench [data-working]) .tool-intro{flex:none}.tool-shell:has(.tool-experience .tool-workbench [data-working]) .tool-experience{flex:1;height:auto;min-height:0}.tool-shell:has(.tool-workbench [data-working])>:not(.tool-intro):not(.tool-experience):not(script){display:none}.tool-experience:has(.tool-mini-chat){height:calc(100svh - 164px);min-height:360px}.tool-experience .studio{height:100%;grid-template-columns:minmax(0,1fr) 312px;grid-template-rows:minmax(0,1fr) auto}.tool-experience .studio-actions{position:static}.tool-experience .studio-panel-body{min-height:0}.tool-workbench>.upload-surface{min-height:0;height:100%}.tool-workbench .ws-with-chat{grid-template-rows:auto minmax(0,1fr) auto}}@media(max-width:1099px){body:has(.studio-actions){padding-bottom:104px}.tool-experience:has(.tool-mini-chat){grid-template-columns:minmax(0,1fr)}.tool-experience .studio{height:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}.tool-experience .studio-stage{height:min(64svh,600px);min-height:320px}.tool-experience .studio-actions{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:45;flex-direction:column;align-items:stretch;gap:4px;padding:10px 12px;background:var(--surface);border-radius:20px}.studio-actions>p{min-height:16px}.studio-actions>div{display:flex;gap:8px}.studio-actions .pill-primary{flex:1;min-width:0;padding:10px 14px}}@media(max-width:700px){.tool-shell.tool-shell,.tool-shell.tool-shell:has(.cs){padding:4px 20px 24px}.tool-shell.tool-shell .tool-intro{gap:12px;margin-bottom:12px}.tool-shell.tool-shell .tool-title{font-size:22px}.tool-intro .favorite-label{display:none}.tool-intro>button{width:40px;height:40px;padding:0;justify-content:center}.tool-intro>button svg{width:18px;height:18px}.tool-experience:has(.tool-mini-chat){gap:16px}.tool-mini-chat{height:240px}.studio-panel .mono{font-size:13px}.tool-experience .studio-panel-body{padding:18px}}@media(max-width:360px){.studio-actions .pill-primary>svg{display:none}.studio-actions .pill-primary{padding-inline:10px;font-size:13px}}