@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap";*{box-sizing:border-box}html,body{margin:0;min-width:320px;height:100dvh;overflow:hidden}body{font-family:Archivo,sans-serif;background:#020205;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}:root{--nav-height: 74px;--bg: #020204;--bg-soft: #070b12;--accent: #56ff8f;--accent-soft: rgba(86, 255, 143, .2);--text-main: #effff2;--text-dim: #9ebaa7;--border: rgba(86, 255, 143, .16);--danger: #9bffb5}#root{height:100dvh;overflow:hidden}.intro-rune-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(circle at 18% 18%,rgba(35,255,144,.18) 0,transparent 36%),radial-gradient(circle at 82% 80%,rgba(15,224,255,.14) 0,transparent 34%),linear-gradient(160deg,#010202 0,#03110a 52%,#010208);opacity:1;transition:opacity .5s ease;overflow:hidden}.intro-rune-screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(86,255,143,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(86,255,143,.04) 1px,transparent 1px);background-size:36px 36px;animation:runeGridDrift 12s linear infinite}.intro-rune-screen.is-fading{opacity:0}.intro-rune-glow{position:absolute;width:min(70vmin,760px);aspect-ratio:1;border-radius:999px;filter:blur(28px);opacity:.32;pointer-events:none;animation:introRuneGlowPulse 2.8s ease-in-out infinite}.intro-rune-glow--left{left:-14vmin;top:10%;background:radial-gradient(circle,rgba(85,255,143,.56),transparent 62%)}.intro-rune-glow--right{right:-12vmin;bottom:8%;background:radial-gradient(circle,rgba(95,188,255,.5),transparent 62%);animation-delay:.6s}.intro-rune-shell{position:relative;width:min(90vw,980px);padding:.4rem .8rem;display:flex;flex-direction:column;gap:.9rem;align-items:center}.intro-rune-sigil{position:relative;width:min(42vmin,270px);aspect-ratio:1;display:grid;place-items:center}.intro-rune-ring{position:absolute;border-radius:999px;border:1px solid rgba(86,255,143,.34);box-shadow:inset 0 0 24px #56ff8f2e,0 0 20px #56ff8f33}.intro-rune-ring--outer{inset:0;animation:runeSpinClockwise 9s linear infinite}.intro-rune-ring--inner{inset:16%;border-color:#5fbcff5c;box-shadow:inset 0 0 18px #5fbcff29,0 0 16px #5fbcff2e;animation:runeSpinCounter 7s linear infinite}.intro-rune-logo{width:56%;height:56%;object-fit:contain;opacity:.72;filter:drop-shadow(0 0 18px rgba(86,255,143,.34));animation:runeLogoPulse 1.8s ease-in-out infinite}.intro-rune-words{display:flex;align-items:center;justify-content:center;gap:.92rem;flex-wrap:wrap}.intro-rune-word{font-family:JetBrains Mono,monospace;font-size:clamp(1.08rem,3.8vw,2rem);letter-spacing:.24em;text-transform:uppercase;color:#d6ffe8;opacity:0;text-shadow:0 0 0 rgba(86,255,143,0);animation:runeWordReveal .9s ease forwards}.intro-rune-word--1{animation-delay:.18s}.intro-rune-word--2{animation-delay:.86s}.intro-rune-word--3{animation-delay:1.54s}.intro-rune-status{margin:0;font-family:JetBrains Mono,monospace;font-size:.58rem;letter-spacing:.14em;color:#ccffe0c7;text-transform:uppercase;animation:runeStatusBlink 1.2s steps(2,end) infinite}.ritual-app{position:relative;height:100dvh;color:var(--text-main);background:radial-gradient(circle at 20% 20%,#071a11 0,transparent 32%),radial-gradient(circle at 85% 80%,#062118 0,transparent 28%),linear-gradient(160deg,#020204 0,#05110a 45%,#03050a);overflow:hidden}.ritual-app:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(86,255,143,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(86,255,143,.03) 1px,transparent 1px);background-size:48px 48px}.telemetry-scan{position:absolute;left:0;right:0;height:24px;background:linear-gradient(to bottom,transparent,rgba(86,255,143,.07),transparent);animation:scan 9s linear infinite;pointer-events:none;z-index:1}.orbital-nav{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--nav-height);padding:.9rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.08);background:#020a05c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-brand{display:flex;align-items:center;gap:.85rem}.brand-logo{width:2.2rem;height:2.2rem;object-fit:contain;filter:drop-shadow(0 0 8px rgba(86,255,143,.35))}.nav-title{margin:0;font-family:JetBrains Mono,monospace;font-size:.76rem;letter-spacing:.22em}.nav-subtitle{margin:.1rem 0 0;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.12em}.nav-info{display:flex;align-items:center;gap:1.2rem}.nav-info p{margin:0;font-family:JetBrains Mono,monospace;font-size:.58rem;letter-spacing:.08em;color:var(--text-dim);white-space:nowrap}.nav-info strong{color:var(--text-main)}.orbital-main{position:relative;z-index:2;height:calc(100dvh - var(--nav-height));padding:1rem 1.2rem 6.8rem;overflow:hidden}.constellation-stage{position:relative;height:100%;min-height:0;border:1px solid rgba(255,255,255,.05);background:#030c079e;overflow:hidden;display:grid;place-items:center}.background-logo-glow{position:absolute;top:50%;width:min(78vmin,860px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;opacity:.14;filter:drop-shadow(0 0 26px rgba(86,255,143,.35));animation:logoPulse 4s ease-in-out infinite}.bg-logo-left{left:18%;animation-delay:.45s}.bg-logo-center{left:50%;opacity:.17}.bg-logo-right{left:82%;animation-delay:.9s}.background-logo-glow img{width:100%;height:100%;object-fit:contain;opacity:.85;animation:logoFlicker 2.8s linear infinite}.preview-core{--canvas-size: 88%;--canvas-half: 44%;--orbit-side-gap: 78px;--orbit-left-x: calc(50% - var(--canvas-half) - var(--orbit-side-gap));--orbit-right-x: calc(50% + var(--canvas-half) + var(--orbit-side-gap));width:auto;max-width:min(100%,1460px);height:min(100%,calc(100dvh - var(--nav-height) - 48px));max-height:1280px;aspect-ratio:1;position:relative;display:grid;place-items:center}.character-canvas{position:relative;width:var(--canvas-size);max-width:min(1160px,100%);border:1px solid var(--border);border-radius:4px;overflow:hidden;background:#08130d;box-shadow:0 0 100px -30px #56ff8f3d}.character-composite{position:absolute;inset:0;overflow:hidden}.character-preview-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}.character-composite--glitch-rgb{filter:saturate(1.12) contrast(1.07)}.character-composite--mono-noir{filter:grayscale(1) contrast(1.25)}.character-composite--vhs-noise{filter:saturate(.86) contrast(1.04)}.character-composite--dream-bloom{filter:saturate(1.18) brightness(1.03)}.character-composite--chaos-split{filter:contrast(1.16) saturate(1.22) hue-rotate(-8deg)}.character-composite--toxic-green{filter:hue-rotate(28deg) saturate(1.22) contrast(1.1)}.character-composite--frost-cyan{filter:hue-rotate(162deg) saturate(1.14) brightness(1.04)}.character-composite--solar-burn{filter:hue-rotate(-28deg) saturate(1.34) contrast(1.16)}.character-composite--ghost-invert{filter:invert(.8) contrast(1.1) saturate(.82)}.character-composite--posterize-pop{filter:saturate(1.4) contrast(1.2)}.character-layer{position:absolute;inset:0;width:100%;height:100%;object-position:center;z-index:1}.character-layer--background{object-fit:cover}.character-layer--overlay{object-fit:contain}.canvas-effect-overlay{position:absolute;inset:0;pointer-events:none;z-index:3}.canvas-effect-overlay:before,.canvas-effect-overlay:after{content:"";position:absolute;inset:0;pointer-events:none}.canvas-effect-overlay--glitch-rgb:before{background:linear-gradient(90deg,rgba(255,0,110,.15),transparent 35%,transparent 65%,rgba(0,216,255,.16));mix-blend-mode:screen;animation:fxShift .88s steps(2,end) infinite}.canvas-effect-overlay--mono-noir:before{background:linear-gradient(180deg,#ffffff08,#0000002e)}.canvas-effect-overlay--vhs-noise:before{background:repeating-linear-gradient(180deg,#0000 0 3px,#00000024 3px 4px)}.canvas-effect-overlay--vhs-noise:after{background:radial-gradient(rgba(255,255,255,.2) .7px,transparent .9px);background-size:6px 6px;opacity:.24}.canvas-effect-overlay--dream-bloom:before{background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.18),rgba(115,255,210,.12) 44%,transparent 72%);filter:blur(6px)}.canvas-effect-overlay--chaos-split:before{background:linear-gradient(90deg,rgba(255,0,110,.12),transparent 45%);mix-blend-mode:screen}.canvas-effect-overlay--chaos-split:after{background:linear-gradient(270deg,rgba(0,255,234,.12),transparent 45%);mix-blend-mode:screen}.canvas-effect-overlay--toxic-green:before{background:linear-gradient(180deg,#55ff8233,#0e49260f);mix-blend-mode:screen}.canvas-effect-overlay--frost-cyan:before{background:linear-gradient(180deg,#75e8ff2b,#0a30420f);mix-blend-mode:screen}.canvas-effect-overlay--solar-burn:before{background:linear-gradient(180deg,#ff8f4538,#53220814);mix-blend-mode:screen}.canvas-effect-overlay--ghost-invert:before{background:linear-gradient(180deg,#ffffff1f,#c2fff40f)}.canvas-effect-overlay--posterize-pop:before{background:repeating-linear-gradient(90deg,#ffffff0f 0 16px,#0000000f 16px 32px);mix-blend-mode:soft-light}.scanline-overlay{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(86,255,143,.05) 0,rgba(86,255,143,.05) 1px,transparent 1px,transparent 5px);mix-blend-mode:screen;z-index:4}.canvas-corner{position:absolute;width:1rem;height:1rem;pointer-events:none}.corner-top-left{top:.42rem;left:.42rem;border-top:1px solid rgba(86,255,143,.6);border-left:1px solid rgba(86,255,143,.6)}.corner-top-right{top:.42rem;right:.42rem;border-top:1px solid rgba(86,255,143,.6);border-right:1px solid rgba(86,255,143,.6)}.corner-bottom-left{bottom:.42rem;left:.42rem;border-bottom:1px solid rgba(86,255,143,.6);border-left:1px solid rgba(86,255,143,.6)}.corner-bottom-right{bottom:.42rem;right:.42rem;border-bottom:1px solid rgba(86,255,143,.6);border-right:1px solid rgba(86,255,143,.6)}.orbit-selector{position:absolute;inset:0;pointer-events:none}.orbit-node{position:absolute;pointer-events:auto;border:0;padding:0;background:transparent;color:var(--text-main);display:flex;flex-direction:column;align-items:center;gap:.32rem;cursor:pointer}.orbit-core{width:3.35rem;height:3.35rem;border-radius:999px;border:1px solid rgba(86,255,143,.38);background:#01080fe6;display:grid;place-items:center;font-family:JetBrains Mono,monospace;font-size:.82rem;letter-spacing:.08em;color:#adffd0;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;animation:nodeGlow 2.2s ease-in-out infinite alternate}.orbit-node:hover .orbit-core,.orbit-node.is-active .orbit-core{border-color:#56ff8fe6;box-shadow:0 0 0 1px #56ff8f80,0 0 20px #56ff8f73;transform:scale(1.08)}.orbit-layer-name{font-family:JetBrains Mono,monospace;font-size:.58rem;letter-spacing:.12em;color:#c7eccfdb;text-transform:uppercase}.orbit-choice-name{max-width:10rem;text-align:center;font-size:.62rem;color:#bce4c6bd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orbit-background{left:var(--orbit-left-x);top:22%;transform:translate(-50%,-50%)}.orbit-body{left:var(--orbit-right-x);top:36%;transform:translate(-50%,-50%)}.orbit-item{left:var(--orbit-right-x);top:63%;transform:translate(-50%,-50%)}.orbit-extraItem{left:var(--orbit-left-x);top:78%;transform:translate(-50%,-50%)}.orbit-effect{left:var(--orbit-left-x);top:50%;transform:translate(-50%,-50%)}.side-random-button{position:absolute;left:var(--orbit-right-x);top:80%;transform:translate(-50%,-50%);border:1px solid rgba(128,255,171,.58);background:linear-gradient(140deg,#4aff88f2,#a0ff7fe6);color:#04200f;padding:.56rem .72rem;min-width:118px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:.12rem;cursor:pointer;box-shadow:0 0 0 1px #82ffb459,0 10px 24px #4cff9059;transition:transform .18s ease,filter .18s ease;z-index:4}.side-random-button:hover{transform:translate(-50%,-50%) scale(1.04);filter:brightness(1.08)}.side-random-title{font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.11em}.side-random-subtitle{font-size:.58rem;color:#082210c7}.status-strip{position:fixed;left:1rem;bottom:1rem;z-index:21;max-width:360px;border:1px solid rgba(255,255,255,.08);background:#000000b8;padding:.55rem .7rem;font-family:JetBrains Mono,monospace;font-size:.58rem;letter-spacing:.05em}.status-strip p{margin:0}.status-strip p+p{margin-top:.45rem}.generator-actions{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);z-index:22;display:flex;align-items:stretch;border:1px solid rgba(255,255,255,.08);background:#000000bd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.action-button{border:0;border-right:1px solid rgba(255,255,255,.06);background:transparent;color:var(--text-main);min-width:136px;padding:.78rem .95rem;display:flex;flex-direction:column;gap:.18rem;align-items:center;justify-content:center;cursor:pointer;transition:background-color .17s ease,color .17s ease}.action-button:last-child{border-right:0}.action-title{font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.14em}.action-subtitle{font-size:.62rem;color:#b9dec2b8}.action-random:hover{background:#56ff8f21}.action-reset:hover{background:#a3ff6b26}.action-export{background:var(--accent);color:#02050e}.action-export .action-subtitle{color:#040e14c7}.action-export:hover:not(:disabled){background:#7bffab}.action-button:disabled{opacity:.72;cursor:default}.picker-click-away{position:fixed;inset:0;border:0;background:transparent;opacity:0;pointer-events:none;z-index:47}.picker-click-away.is-open{pointer-events:auto}.layer-picker-panel{position:absolute;top:50%;width:min(320px,28vw);min-width:250px;max-height:min(62vh,560px);z-index:48;background:#030b07f0;border:1px solid var(--border);border-radius:12px;padding:.65rem;--picker-offset-x: 0px;transform:translate(var(--picker-offset-x),-50%) scale(.96);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease;display:flex;flex-direction:column;box-shadow:0 16px 40px #0006}.layer-picker-left{left:var(--orbit-left-x);--picker-offset-x: calc(-100% - 20px) }.layer-picker-right{left:var(--orbit-right-x);--picker-offset-x: 20px}.layer-picker-panel.is-open{opacity:1;pointer-events:auto;transform:translate(var(--picker-offset-x),-50%) scale(1)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.65rem}.panel-tag{margin:0;font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase}.panel-header h2{margin:.2rem 0 0;font-size:1.05rem}.drawer-close{border:1px solid var(--border);background:#56ff8f14;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.56rem;letter-spacing:.12em;padding:.38rem .48rem;cursor:pointer}.option-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;padding-right:.1rem}.option-card{border:1px solid rgba(86,255,143,.2);background:#03120a94;border-radius:4px;color:var(--text-main);cursor:pointer;padding:.28rem;display:flex;flex-direction:column;gap:.2rem;min-height:132px;overflow:hidden;text-align:left;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.option-card:hover{border-color:#56ff8f9e;background:#041a0db8;transform:translateY(-1px)}.option-card.is-active{border-color:var(--accent);box-shadow:0 0 0 1px #56ff8f6b}.option-thumb{position:relative;width:100%;aspect-ratio:1;object-position:center;background:#08140f;border:1px solid rgba(86,255,143,.2);border-radius:2px}.option-thumb--background{object-fit:cover}.option-thumb--overlay{object-fit:contain}.option-thumb--effect{display:grid;place-items:center;padding:.45rem;text-align:center;font-family:JetBrains Mono,monospace;font-size:.48rem;letter-spacing:.09em;text-transform:uppercase;color:#dbffe8}.option-thumb--effect-glitch-rgb{background:linear-gradient(90deg,rgba(255,0,110,.22),transparent 50%,rgba(0,216,255,.22)),#08140f}.option-thumb--effect-mono-noir{background:linear-gradient(135deg,#d9d9d9,#353535)}.option-thumb--effect-vhs-noise{background:repeating-linear-gradient(180deg,rgba(0,0,0,.25) 0 2px,transparent 2px 5px),#1a2632}.option-thumb--effect-dream-bloom{background:radial-gradient(circle at 50% 50%,#b0ffdc59,#0a2014b3)}.option-thumb--effect-chaos-split{background:linear-gradient(35deg,rgba(255,0,110,.25),transparent 60%),linear-gradient(215deg,rgba(0,216,255,.25),transparent 60%),#08140f}.option-thumb--effect-toxic-green{background:linear-gradient(135deg,#1c6234e6,#68ffa18c)}.option-thumb--effect-frost-cyan{background:linear-gradient(135deg,#143f54e6,#69ddff8c)}.option-thumb--effect-solar-burn{background:linear-gradient(135deg,#59270aeb,#ff8834a6)}.option-thumb--effect-ghost-invert{background:linear-gradient(135deg,#c4fff69e,#183530eb)}.option-thumb--effect-posterize-pop{background:repeating-linear-gradient(90deg,#56ff8f40 0 20px,#0000001f 20px 40px),#0a1210}.option-overlay{position:relative;padding:.12rem .06rem .02rem;background:transparent;display:flex;flex-direction:column;gap:.1rem}.option-name{font-size:.54rem;line-height:1.15}.option-rarity{font-family:JetBrains Mono,monospace;font-size:.44rem;letter-spacing:.1em;text-transform:uppercase;color:#b8ffd6}.option-none-card{align-items:center;justify-content:center;min-height:132px;background:#041008db}.option-none-label{font-family:JetBrains Mono,monospace;font-size:.68rem;letter-spacing:.16em;color:#bfffd6}.panel-footer{margin-top:.6rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:.6rem;align-items:baseline;font-family:JetBrains Mono,monospace;font-size:.54rem}.panel-footer span{color:var(--text-dim)}.panel-footer strong{color:var(--accent);text-align:right}.warning-line{margin:.8rem 0 0;color:var(--danger);word-break:break-word}.state-screen{min-height:100vh;display:grid;place-content:center;gap:.5rem;padding:1rem;text-align:center;color:var(--text-main);background:radial-gradient(circle at top,#12291a 0,#040b07 68%)}.state-title{margin:0;font-size:1.35rem}.state-message{margin:0;color:var(--text-dim)}.state-retry{border:1px solid var(--border);background:#56ff8f1f;color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.1em;padding:.65rem 1rem;cursor:pointer}@keyframes scan{0%{top:-24px}to{top:100%}}@keyframes nodeGlow{0%{filter:drop-shadow(0 0 2px rgba(86,255,143,.5))}to{filter:drop-shadow(0 0 9px rgba(86,255,143,.7))}}@keyframes logoPulse{0%{opacity:.1;transform:translate(-50%,-50%) scale(.96)}50%{opacity:.2;transform:translate(-50%,-50%) scale(1.02)}to{opacity:.1;transform:translate(-50%,-50%) scale(.96)}}@keyframes logoFlicker{0%,15%,19%,62%,to{opacity:.9}17%,60%{opacity:.55}}@keyframes introRuneGlowPulse{0%{transform:scale(.95);opacity:.24}50%{transform:scale(1.05);opacity:.38}to{transform:scale(.95);opacity:.24}}@keyframes runeGridDrift{0%{transform:translateZ(0)}to{transform:translate3d(36px,36px,0)}}@keyframes runeSpinClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes runeSpinCounter{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes runeLogoPulse{0%{transform:scale(.96);opacity:.62}50%{transform:scale(1.04);opacity:.84}to{transform:scale(.96);opacity:.62}}@keyframes runeWordReveal{0%{opacity:0;transform:translateY(8px) scale(.96);text-shadow:0 0 0 rgba(86,255,143,0)}35%{opacity:.95;transform:translateY(0) scale(1);text-shadow:0 0 16px rgba(86,255,143,.65)}50%{opacity:.55}70%{opacity:1}to{opacity:1;transform:translateY(0) scale(1);text-shadow:0 0 14px rgba(86,255,143,.46)}}@keyframes runeStatusBlink{0%{opacity:.45}50%{opacity:1}to{opacity:.45}}@keyframes fxShift{0%{transform:translate(-.5%)}50%{transform:translate(.7%)}to{transform:translate(-.2%)}}@media(max-width:1200px){.orbital-main{padding-right:.8rem;padding-left:.8rem}.preview-core{--canvas-size: 84%;--canvas-half: 42%;--orbit-side-gap: 64px;max-width:min(100%,1280px);height:min(100%,calc(100dvh - var(--nav-height) - 56px))}}@media(max-width:900px){.intro-rune-shell{width:min(94vw,760px);padding:.94rem .76rem}.intro-rune-sigil{width:min(54vmin,220px)}.intro-rune-words{gap:.64rem}.intro-rune-word{letter-spacing:.16em}.nav-info{display:none}.orbital-nav{padding:.72rem .8rem}.constellation-stage{height:100%}.background-logo-glow{width:min(72vw,520px)}.bg-logo-left{left:22%}.bg-logo-right{left:78%}.preview-core{--canvas-size: 72%;--canvas-half: 36%;--orbit-side-gap: 54px;--orbit-left-x: max(66px, calc(50% - var(--canvas-half) - var(--orbit-side-gap)));--orbit-right-x: min( calc(100% - 66px) , calc(50% + var(--canvas-half) + var(--orbit-side-gap)));max-width:min(100%,980px);height:min(100%,calc(100dvh - var(--nav-height) - 88px))}.layer-picker-panel{left:50%!important;width:min(300px,88vw);min-width:230px;max-height:min(58vh,480px);--picker-offset-x: -50%}.orbit-core{width:2.95rem;height:2.95rem;font-size:.72rem}.orbit-layer-name{font-size:.52rem}.orbit-choice-name{max-width:7.4rem;font-size:.55rem}.orbit-background{top:24%}.orbit-body{top:38%}.orbit-item{top:64%}.orbit-extraItem{top:74%}.side-random-button{top:82%;min-width:104px;padding:.48rem .62rem}.generator-actions{width:calc(100% - 1rem);left:.5rem;right:.5rem;transform:none}.status-strip{left:.5rem;right:.5rem;max-width:none;bottom:5.5rem}.action-button{min-width:0;flex:1;padding:.62rem .55rem}.action-title,.action-subtitle{text-align:center}.option-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}}@media(max-width:640px){.preview-core{--canvas-size: 62%;--canvas-half: 31%;--orbit-side-gap: 28px;--orbit-left-x: max(52px, calc(50% - var(--canvas-half) - var(--orbit-side-gap)));--orbit-right-x: min( calc(100% - 52px) , calc(50% + var(--canvas-half) + var(--orbit-side-gap)))}.orbit-core{width:2.45rem;height:2.45rem;font-size:.58rem}.orbit-background,.orbit-effect,.orbit-extraItem{left:.55rem;transform:translateY(-50%)}.orbit-body,.orbit-item{left:auto;right:.55rem;transform:translateY(-50%)}.side-random-button{left:auto;right:.55rem;transform:translateY(-50%);min-width:90px;padding:.42rem .46rem}.orbit-layer-name,.orbit-choice-name,.action-subtitle{display:none}}