:root{--glow-one:#6979ff;--glow-two:#59c5e0;--grid-line:#7183ab;--ambient-opacity:.1;--hover-surface:var(--soft)}
:root[data-theme=dark]{--glow-one:#6975ff;--glow-two:#26869e;--ambient-opacity:.12;--hover-surface:#2c354a}
body{isolation:isolate}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;contain:strict}.ambient-light{position:absolute;width:min(76vw,1000px);height:min(76vw,1000px);border-radius:50%;opacity:var(--ambient-opacity);will-change:transform;background:radial-gradient(ellipse at center,var(--glow-one),transparent 67%);animation:ambient-drift 30s ease-in-out infinite alternate}.light-one{left:-24%;top:-46%}.light-two{right:-30%;top:10%;background:radial-gradient(ellipse at center,var(--glow-two),transparent 65%);animation-duration:38s;animation-delay:-16s}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:64px 64px;opacity:.035;mask-image:linear-gradient(#000,transparent 75%)}
@keyframes ambient-drift{from{transform:translate3d(-2%,-1%,0) scale(.95)}to{transform:translate3d(10%,9%,0) scale(1.08)}}
.site-header{background:var(--paper)}.editor-shell{box-shadow:0 14px 55px #182c4a08,0 1px 0 #ffffff08;transition:border-color .18s,box-shadow .18s}.hero h1 span{background:linear-gradient(110deg,var(--brand),#738ddd);background-clip:text;-webkit-text-fill-color:transparent}.brand-mark{background:linear-gradient(145deg,#7481f0,#5261dd);box-shadow:inset 0 1px 0 #ffffff35,0 3px 10px #5965e91a}.brand-mark img{display:block}.motion-group{position:relative;isolation:isolate}.hover-plate{position:absolute;top:0;left:0;border-radius:8px;background:var(--hover-surface);visibility:hidden;pointer-events:none;z-index:-1;will-change:transform,width,height}.motion-group a,.motion-group button{position:relative}.motion-group .button.text:hover{background:transparent}nav a{padding:0 10px}nav{gap:10px}nav .hover-plate{border-radius:0;background:color-mix(in srgb,var(--soft) 55%,transparent)}nav a[aria-current=true]:after{left:12px;right:12px}.button{transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.button.primary{box-shadow:inset 0 1px 0 #ffffff24,0 4px 14px #5965e91c}.button.primary:hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffff35,0 5px 20px #5965e92b}.button.primary:active:not(:disabled){box-shadow:inset 0 2px 5px #17243b22}.history-item{transition:background .12s}.result-empty{padding-bottom:20px}.empty-shape{opacity:.65}#job-state{font-variant-numeric:tabular-nums}.editor-shell:has(#cancel:not([hidden])) .live-dot{animation:status-breathe 1.6s ease-in-out infinite}.editor-shell:has(#cancel:not([hidden])) .editor-topbar{background:linear-gradient(90deg,var(--paper),var(--soft),var(--paper));background-size:200% 100%;animation:status-shift 5s ease-in-out infinite alternate}@keyframes status-breathe{50%{opacity:.35}}@keyframes status-shift{to{background-position:100% 0}}
html[data-motion=paused] .ambient-light,html[data-motion=paused] .editor-topbar,html[data-motion=paused] .live-dot{animation-play-state:paused}
@media(max-width:760px){.ambient-light{width:120vw;height:120vw}.light-one{top:-15%;left:-50%}.light-two{right:-60%;top:30%}.header-actions{gap:5px}.hero h1{letter-spacing:-.6px}nav{gap:8px}}
@media(prefers-reduced-motion:reduce){.ambient-light,.editor-shell:has(#cancel:not([hidden])) .editor-topbar,.editor-shell:has(#cancel:not([hidden])) .live-dot{animation:none!important;will-change:auto}.button,.history-item,.editor-shell{transition:none!important}}