button:focus-visible,[role=button]:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--satie-focus, rgba(26, 58, 42, .55));outline-offset:2px;border-radius:inherit}@keyframes satie-spin{to{transform:rotate(360deg)}}.satie-spin{animation:satie-spin .9s linear infinite}button:not(.satie-badge){transition:opacity .15s,transform .15s,box-shadow .15s,border-color .15s!important}button:not(.satie-badge):active{transform:scale(.96)}.sidebar-btn:active{transform:scale(.95)}.sketch-card{transition:box-shadow .2s,border-color .2s}.satie-panel{transition:box-shadow .25s ease-out}.auth-btn{transition:background .2s,color .2s,transform .15s!important}.new-btn{transition:background .2s,transform .15s,box-shadow .2s!important}.new-btn:active{transform:translateY(0) scale(.97)}.welcome-btn{transition:background .2s,transform .15s,box-shadow .2s!important}.delete-btn{transition:opacity .15s,color .15s!important}.panel-titlebar{transition:background .15s}.run-btn{transition:background .15s,color .15s,transform .1s!important}input:focus{border-color:#0a0a0a!important}@keyframes satie-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes satie-fade-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.page-enter{animation:fadeSlideIn .3s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.avatar-btn{transition:transform .15s,box-shadow .15s!important}.credits-btn{transition:transform .15s,box-shadow .15s,opacity .15s!important}.credits-btn:active{transform:translateY(0) scale(.97)}.header-link{transition:opacity .15s,transform .15s!important}.gallery-card{transition:box-shadow .2s}.theme-toggle-btn{transition:all .2s,background .2s,color .2s!important}.theme-toggle-btn:active{transform:scale(.92)}.settings-icon-btn{transition:opacity .15s,transform .15s!important}.signout-btn{transition:opacity .15s!important}@media(hover:hover){button:hover{opacity:1!important}.sidebar-btn:hover{transform:scale(1.1)}.sketch-card:hover{box-shadow:0 6px 24px #0000001a!important}.satie-panel:hover{box-shadow:0 4px 28px #00000014}.auth-btn:hover{background:#0a0a0a!important;color:#faf9f6!important}.new-btn:hover{box-shadow:0 2px 12px #0003!important;transform:translateY(-1px)}.welcome-btn:hover{box-shadow:0 4px 16px #0003!important;transform:translateY(-2px)}.link-btn:hover{opacity:.8!important}.delete-btn:hover{opacity:1!important;color:#c00!important}.panel-titlebar:hover{background:#00000005}.run-btn:hover{background:#1a3a2a!important;color:#faf9f6!important}.avatar-btn:hover{transform:scale(1.1);box-shadow:0 0 0 3px #0a0a0a26}input[type=range]:hover{opacity:.6!important}.credits-btn:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 3px 12px #00000040!important}.header-link:hover{opacity:.6!important;transform:translateY(-.5px)}.template-btn:hover{border-color:#1a3a2a!important;transform:translateY(-1px);box-shadow:0 2px 10px #0000000f!important}.gallery-card:hover{box-shadow:0 6px 24px #00000014!important}.theme-toggle-btn:hover{opacity:.6!important}.settings-icon-btn:hover{opacity:.7!important;transform:scale(1.1)}.signout-btn:hover{opacity:.6!important}}@keyframes satie-term-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.satie-term-line{animation:satie-term-in .32s ease both;animation-delay:calc(var(--i, 0) * .12s)}@keyframes satie-term-blink{0%,49%{opacity:1}50%,to{opacity:0}}.satie-term-caret{display:inline-block;width:.6em;height:1.1em;vertical-align:text-bottom;background:currentColor;animation:satie-term-blink 1.1s steps(1) infinite}@keyframes satie-sound-live{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.satie-sound-live{animation:satie-sound-live 2.8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.satie-term-line,.satie-term-caret,.satie-sound-live{animation:none}}.satie-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 2px 10px;scrollbar-width:thin;scrollbar-color:rgba(235,231,223,.25) transparent}.satie-row>*{flex:0 0 min(260px,78vw);scroll-snap-align:start}@media(prefers-reduced-motion:reduce){.satie-row{scroll-behavior:auto}}.satie-sketch-starter:hover:not(:disabled),.satie-sketch-starter:focus-visible{background:#ff8da114!important;outline:none}.satie-sketch-studio{display:grid;grid-template-columns:minmax(300px,340px) minmax(0,1fr);overflow:hidden}.satie-sketch-right{display:grid;grid-template-rows:minmax(0,1fr) minmax(200px,34%)}.satie-sketch[data-strip=script] .satie-sketch-right{grid-template-rows:minmax(0,1fr) 62%}.satie-sketch[data-strip=closed] .satie-sketch-right{grid-template-rows:minmax(0,1fr) 52px}.satie-sketch[data-strip=history] .satie-sketch-right{grid-template-rows:minmax(0,1fr) minmax(200px,38%)}.satie-sketch-track[data-pulse="0"]{animation:satie-sketch-changed 1.4s ease-out}.satie-sketch-track[data-pulse="1"]{animation:satie-sketch-changed-again 1.4s ease-out}@keyframes satie-sketch-changed{0%{background:color-mix(in srgb,#ff8da1 26%,transparent);box-shadow:inset 2px 0 #ff8da1}to{background:transparent;box-shadow:inset 2px 0 0 transparent}}@keyframes satie-sketch-changed-again{0%{background:color-mix(in srgb,#ff8da1 26%,transparent);box-shadow:inset 2px 0 #ff8da1}to{background:transparent;box-shadow:inset 2px 0 0 transparent}}.satie-sketch[data-wireframe=false] .satie-sketch-right{grid-template-rows:52px minmax(0,1fr)}.satie-sketch[data-wireframe=false][data-strip=closed] .satie-sketch-right{grid-template-rows:52px 52px}.satie-sketch-tabs{display:none}.satie-sketch .satie-dt.satie-dt-embedded{inset:0;font-size:13px}.satie-sketch .satie-dt-bar{flex-wrap:wrap;gap:8px}.satie-sketch .satie-dt-foot{flex-wrap:wrap}.satie-sketch .satie-dt-hint{padding:24px 16px;line-height:1.7;opacity:.7}.satie-sketch .satie-dt-chat{display:none!important}.satie-sketch button:disabled{opacity:.45;cursor:default}.satie-sketch button:focus-visible,.satie-sketch textarea:focus-visible,.satie-sketch select:focus-visible,.satie-sketch input:focus-visible{outline:2px solid rgba(235,231,223,.6);outline-offset:2px}.satie-sketch-pulse{animation:satie-sketch-pulse 1.1s ease-in-out infinite}@keyframes satie-sketch-pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.satie-sketch-ground{position:absolute;left:-20%;right:-20%;bottom:-10%;height:70%;pointer-events:none;background-image:linear-gradient(rgba(235,231,223,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(235,231,223,.07) 1px,transparent 1px);background-size:64px 64px;transform:perspective(520px) rotateX(62deg);transform-origin:50% 100%;mask-image:linear-gradient(to top,rgba(0,0,0,.9),transparent 85%);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.9),transparent 85%)}.satie-sketch-start{z-index:1}.satie-sketch-vary{all:unset;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;gap:3px;min-height:32px;padding:0 5px 0 10px;border-radius:999px;border:1px solid rgba(255,141,161,.55);background:#ff8da112;overflow:hidden;isolation:isolate;font:500 12.5px IBM Plex Mono,monospace;cursor:pointer;white-space:nowrap;max-width:100%}button.satie-sketch-vary{padding-right:14px;gap:8px}button.satie-sketch-vary:hover:not(:disabled){border-color:#ff8da1}button.satie-sketch-vary:disabled{opacity:.5;cursor:default}.satie-sketch-vary:before{content:"";position:absolute;inset:-60%;z-index:-1;background:conic-gradient(from 0deg,transparent 0 70%,rgba(255,141,161,.22) 82%,transparent 94%);animation:satieSketchSheen 7s linear infinite}.satie-sketch-vary[data-busy]:before{animation-duration:2.2s}.satie-sketch-vary .orb{position:relative;width:16px;height:16px;flex:none;animation:satieSketchOrb 9s linear infinite;margin-right:2px}.satie-sketch-vary[data-busy] .orb{animation-duration:2.4s}.satie-sketch-vary .orb i{position:absolute;left:6px;top:6px;width:4px;height:4px;border-radius:2px;background:#ff8da1}.satie-sketch-vary .orb i:nth-child(1){transform:translateY(-5px);animation:satieSketchOrbB 4.2s ease-in-out infinite}.satie-sketch-vary .orb i:nth-child(2){transform:translate(4.3px,2.5px);animation:satieSketchOrbB 4.2s ease-in-out -1.4s infinite}.satie-sketch-vary .orb i:nth-child(3){transform:translate(-4.3px,2.5px);animation:satieSketchOrbB 4.2s ease-in-out -2.8s infinite}.satie-sketch-vary .n{all:unset;box-sizing:border-box;min-width:24px;height:22px;padding:0 4px;border-radius:999px;display:grid;place-items:center;font:500 12.5px IBM Plex Mono,monospace;cursor:pointer;border:1px solid transparent;transition:background .3s,box-shadow .3s}.satie-sketch-vary .n:hover{border-color:#ff8da173}.satie-sketch-vary .n.on{background:#ff8da1;color:#0d0c0b;box-shadow:0 0 12px 2px #ff8da173}.satie-sketch-vary .n.again{opacity:.75}.satie-sketch-vary .vl{font:12px IBM Plex Mono,monospace;border-left:1px solid rgba(255,141,161,.3);padding:0 8px 0 9px;margin-left:3px;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:240px}@keyframes satieSketchSheen{to{transform:rotate(360deg)}}@keyframes satieSketchOrb{to{transform:rotate(360deg)}}@keyframes satieSketchOrbB{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.satie-sketch-track[data-pulse],.satie-sketch-pulse,.satie-sketch-vary:before,.satie-sketch-vary .orb,.satie-sketch-vary .orb i{animation:none}}@media(max-width:1100px){.satie-sketch-studio{grid-template-columns:minmax(0,1fr)}.satie-sketch-tabs{display:flex;gap:6px;padding:8px 12px}.satie-sketch-chatcol,.satie-sketch-right{display:none!important;border:0!important}.satie-sketch[data-panel=chat] .satie-sketch-chatcol{display:block!important}.satie-sketch[data-panel=space] .satie-sketch-right{display:grid!important}.satie-sketch-hint{display:none}}@media(max-width:700px){.satie-sketch-bar{flex-wrap:wrap;padding:8px 12px!important;gap:6px!important}.satie-sketch-bar input{max-width:none!important;flex-basis:100%!important}.satie-sketch-vary .vl{display:none}.satie-sketch-track-axis{display:none!important}.satie-sketch-track{grid-template-columns:minmax(0,1fr) 104px 96px!important}.satie-sketch-track-lane,.satie-sketch-track-how{display:none!important}}.satie-slider{-webkit-appearance:none;appearance:none;height:22px;background:transparent;cursor:pointer;--sl-accent: #1a3a2a;--sl-track: rgba(128, 128, 128, .22);--sl-fill: 50%}.satie-slider:hover{opacity:1!important}.satie-slider::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:linear-gradient(to right,var(--sl-accent) 0%,var(--sl-accent) var(--sl-fill),var(--sl-track) var(--sl-fill),var(--sl-track) 100%)}.satie-slider::-moz-range-track{height:5px;border-radius:3px;background:var(--sl-track)}.satie-slider::-moz-range-progress{height:5px;border-radius:3px;background:var(--sl-accent)}.satie-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-4.5px;border-radius:50%;background:#fdfdfb;border:1px solid rgba(0,0,0,.18);box-shadow:0 1px 4px #00000047,0 0 0 0 transparent;transition:transform .12s ease,box-shadow .15s ease}.satie-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fdfdfb;border:1px solid rgba(0,0,0,.18);box-shadow:0 1px 4px #00000047;transition:transform .12s ease,box-shadow .15s ease}.satie-slider:hover::-webkit-slider-thumb{transform:scale(1.18)}.satie-slider:active::-webkit-slider-thumb{transform:scale(1.28);box-shadow:0 1px 5px #0000004d,0 0 0 5px color-mix(in srgb,var(--sl-accent) 22%,transparent)}.satie-slider:hover::-moz-range-thumb{transform:scale(1.18)}.satie-slider:active::-moz-range-thumb{transform:scale(1.28);box-shadow:0 1px 5px #0000004d,0 0 0 5px color-mix(in srgb,var(--sl-accent) 22%,transparent)}.satie-slider:focus-visible{outline:none}.satie-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 1px 4px #00000047,0 0 0 4px color-mix(in srgb,var(--sl-accent) 35%,transparent)}.satie-slider:focus-visible::-moz-range-thumb{box-shadow:0 1px 4px #00000047,0 0 0 4px color-mix(in srgb,var(--sl-accent) 35%,transparent)}@keyframes satie-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.satie-fade-up{animation:satie-fade-up .35s cubic-bezier(.22,1,.36,1) both}@keyframes satie-slide-in-right{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes satie-slide-in-left{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}.satie-slide-in-right{animation:satie-slide-in-right .28s cubic-bezier(.22,1,.36,1) both}.satie-slide-in-left{animation:satie-slide-in-left .28s cubic-bezier(.22,1,.36,1) both}@keyframes satie-pop-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.satie-pop-in{animation:satie-pop-in .18s cubic-bezier(.22,1,.36,1) both;transform-origin:bottom left}@keyframes satie-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.satie-shimmer{background:linear-gradient(100deg,var(--shimmer-base, rgba(128, 128, 128, .55)) 42%,var(--shimmer-hi, rgba(128, 128, 128, 1)) 50%,var(--shimmer-base, rgba(128, 128, 128, .55)) 58%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:satie-shimmer 1.8s linear infinite}@keyframes satie-caret{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}.satie-caret{display:inline-block;width:.08em;min-width:2px;height:1em;margin-left:.08em;background:currentColor;vertical-align:-.12em;animation:satie-caret 1s step-end infinite}@keyframes satie-breathe{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}.satie-blob{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;will-change:transform}@keyframes satie-blob-a{0%{transform:translate3d(-6%,-4%,0) scale(1)}30%{transform:translate3d(7%,3%,0) scale(1.14,.92)}55%{transform:translate3d(2%,10%,0) scale(.92,1.1)}80%{transform:translate3d(-9%,4%,0) scale(1.06)}to{transform:translate3d(-6%,-4%,0) scale(1)}}@keyframes satie-blob-b{0%{transform:translate3d(5%,6%,0) scale(1.08)}25%{transform:translate3d(-4%,-3%,0) scale(.94,1.12)}50%{transform:translate3d(-10%,6%,0) scale(1.16,.94)}75%{transform:translate3d(3%,12%,0) scale(1)}to{transform:translate3d(5%,6%,0) scale(1.08)}}@keyframes satie-blob-c{0%{transform:translate3d(-4%,6%,0) scale(.96)}35%{transform:translate3d(8%,-2%,0) scale(1.12,.9)}60%{transform:translate3d(-2%,-9%,0) scale(.9,1.08)}to{transform:translate3d(-4%,6%,0) scale(.96)}}.satie-blob-a{animation:satie-blob-a 34s ease-in-out infinite}.satie-blob-b{animation:satie-blob-b 42s ease-in-out infinite}.satie-blob-c{animation:satie-blob-c 38s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.satie-fade-up,.satie-pop-in{animation-duration:.01ms}.satie-shimmer,.satie-caret,.satie-blob-a,.satie-blob-b,.satie-blob-c{animation:none}}@keyframes satie-title-settle{0%{opacity:0;transform:translateY(10px);filter:blur(5px);letter-spacing:.06em}to{opacity:1;transform:none;filter:blur(0);letter-spacing:-.018em}}@keyframes satie-gate-fade-in{0%{opacity:0}to{opacity:1}}@keyframes satie-gate-fade-up{0%{opacity:0;transform:translateY(10px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@media(prefers-reduced-motion:reduce){.satie-gate-mark,.satie-gate-wordmark,.satie-gate-tagline,.satie-gate-button{animation:none!important}}
