@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans JP,sans-serif;color:#e9e9f3;background:#0c0d13;font-synthesis:none;color-scheme:dark;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #baa2ff;outline-offset:4px}button{transition:background .18s,border-color .18s,transform .18s}button:not(:disabled):active{transform:translateY(1px)}::selection{background:#7661b9;color:#fff}h1,h2,h3,p{margin:0}.studio-shell{display:flex;min-height:100vh}.sidebar{width:244px;background:#101117;border-right:1px solid #24242f;position:fixed;inset:0 auto 0 0;padding:31px 18px 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 9px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:19px;letter-spacing:1.5px}.brand small{display:block;font-size:7px;letter-spacing:1.9px;color:#8f8c9f;margin-top:5px}.brand-mark{position:relative;color:#c6b2ff;font-size:52px;line-height:38px;font-style:italic;letter-spacing:-6px;font-weight:500}.brand-mark>span{font-size:22px;position:absolute;right:-13px;top:-7px}.brand>div{margin-left:10px}.workspace-label{display:flex;align-items:center;gap:10px;padding:14px 9px;margin:34px 0 27px;border:1px solid #2b2935;border-radius:8px;font-size:11px}.workspace-label small{display:block;font-size:9px;color:#737182;margin-top:4px}.workspace-avatar{background:#272132;color:#cfb5ff;border:1px solid #4a3b64;border-radius:6px;padding:8px 10px;font-family:Space Grotesk}.workspace-dot{width:5px;height:5px;border-radius:50%;background:#b2a1d7;margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.8px;color:#73717e;padding-left:14px;margin-bottom:12px}.nav-item{display:flex;align-items:center;width:100%;gap:12px;background:none;border:1px solid transparent;padding:14px 13px;text-align:left;border-radius:7px;font-size:11px;font-weight:500;color:#908e9e;margin-bottom:5px}.nav-item:hover{background:#191820;color:#e2d8fd}.nav-item.active{background:#252034;border-color:#3d3152;color:#d0baff}.nav-item small{margin-left:auto;font-family:Space Grotesk;font-size:10px;color:#b8a4dd}.sidebar-bottom{margin-top:auto;padding-top:45px}.connection-card{border:1px solid #2a2934;border-radius:8px;padding:14px 12px;background:linear-gradient(120deg,#1a1724,#14151c)}.connection-card>div:first-child{display:flex;align-items:center;gap:6px;font-size:10px}.connection-card strong{font-weight:500}.status-dot{display:inline-block;width:6px;height:6px;background:#686879;border-radius:50%;flex-shrink:0}.status-dot.green{background:#89d6b5;box-shadow:0 0 10px #75d0a930}.local-tag{font-size:7px;color:#9e99af;border:1px solid #3d374b;border-radius:3px;padding:3px;margin-left:auto;letter-spacing:1px}.connection-card p{font-size:9px;color:#85808e;margin:10px 0}.mini-meter{height:28px;display:flex;align-items:center;gap:4px}.mini-meter i{width:4px;background:#b4a0dc;border-radius:2px}.help-button{display:flex;width:100%;align-items:center;gap:9px;background:none;border:none;color:#a5a0b3;font-size:11px;padding:21px 8px}.help-button>span{width:17px;height:17px;border:1px solid #626073;border-radius:50%;display:grid;place-items:center}.help-button>svg{margin-left:auto}.profile{border-top:1px solid #292630;display:flex;align-items:center;gap:9px;padding:19px 2px;font-size:11px}.profile small{display:block;color:#767182;font-size:8px;margin-top:5px}.profile-avatar{border-radius:50%;width:31px;height:31px;display:grid;place-items:center;background:linear-gradient(120deg,#57666c,#594467);color:#e3d8f5;font-size:12px}.version{margin-left:auto;color:#666371;font-size:9px}.studio-main{margin-left:244px;width:calc(100% - 244px);padding-bottom:48px}.topbar{height:75px;border-bottom:1px solid #24242e;padding:0 36px;display:flex;align-items:center;justify-content:space-between;background:#101117}.breadcrumb{font-size:11px;color:#747181;display:flex;gap:18px}.breadcrumb strong{font-weight:400;color:#c0bbc9}.top-actions{display:flex;gap:10px;align-items:center}.connection-pill,.twitch-button{display:flex;align-items:center;gap:8px;border-radius:6px;padding:9px 12px;font-size:10px;border:1px solid #36323f;background:#19181f}.connection-pill{color:#a6a1b1}.twitch-button{background:#272034;color:#d4befe;border-color:#483658;font-weight:500}.twitch-glyph{font-size:16px;line-height:12px}.connected{border-color:#315548;color:#9bdec3}.content{max-width:1560px;margin:0 auto;padding:33px 36px 28px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:20px}.eyebrow{color:#8b7eaa;font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:500;letter-spacing:2px;margin-bottom:11px}h1{font-size:26px;letter-spacing:1px;line-height:1.55;font-weight:700}h1>span{color:#b9a0ed}.page-description{color:#8e879c;font-size:11px;margin-top:8px;line-height:1.9}.subtle-button{border:1px solid #37313f;border-radius:6px;background:#18171f;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;padding:10px 13px;white-space:nowrap}.subtle-button:hover{background:#252031}.hero-banner{height:250px;border:1px solid #3a2d4f;border-radius:10px;background:radial-gradient(ellipse at 73% 60%,#44265777,transparent 60%),linear-gradient(110deg,#201b2d,#20182e 45%,#181625);position:relative;overflow:hidden;display:flex;align-items:center}.hero-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.09' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;opacity:.38}.hero-copy{padding-left:31px;z-index:2;position:relative}.collection-label{display:flex;gap:7px;align-items:center;font-family:Space Grotesk;font-size:8px;color:#c5a6fa;letter-spacing:1.8px}.collection-label i{height:4px;width:4px;background:#caaff5;border-radius:50%}.hero-copy h2{font-size:27px;font-weight:600;line-height:1.55;letter-spacing:2px;margin:13px 0 9px}.hero-copy p{font-size:10px;color:#aaa0ba;line-height:1.9}.hero-button{background:#cab5ee;color:#272034;border:1px solid #e1d2fd;padding:9px 12px;display:flex;align-items:center;gap:10px;border-radius:5px;font-size:10px;font-weight:600;margin-top:16px;box-shadow:0 2px 20px #c5a1ff13}.hero-button:hover{background:#dfceff}.hero-art{position:absolute;top:0;right:0;bottom:0;left:39%;perspective:600px}.hero-orb{position:absolute;width:172px;height:172px;left:51%;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 26%,#efe8ff 0,#d8c3fd 3%,#b493dd 15%,#73538c 42%,#352341 68%,#674674 82%,#e0bfea 95%);box-shadow:inset -12px -10px 18px #f4bafa38,inset 3px 3px 13px #fcf6ff88,0 0 65px #ce98fa20}.hero-orb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-radial-gradient(ellipse at 40% 33%,transparent 0px,#e3cef917 1px,transparent 3px,transparent 6px);mix-blend-mode:screen}.orb-orbit{position:absolute;width:375px;height:122px;left:51%;top:49%;border:1px solid #ba8ceb60;border-radius:50%;transform:translate(-50%,-50%) rotate(-28deg);box-shadow:0 0 12px #dcb3ff0d,inset 0 0 9px #dcb3ff0d;z-index:1}.orbit-two{width:310px;height:175px;transform:translate(-50%,-50%) rotate(37deg);border-color:#e2bcff42}.orbit-three{width:245px;height:232px;transform:translate(-50%,-50%) rotate(-65deg);border-color:#c5a3e624}.orbit-star{position:absolute;color:#e8d5ff;text-shadow:0 0 22px #c99bfd;font-size:31px}.star-one{top:17%;left:31%}.star-two{top:68%;left:70%;font-size:42px}.star-three{top:39%;left:82%;font-size:14px}.art-coordinate{position:absolute;right:27px;top:25px;font-family:Space Grotesk;font-size:8px;line-height:1.7;color:#a493bd;letter-spacing:1px}.art-note{position:absolute;bottom:23px;left:35%;font-size:6px;letter-spacing:2.6px;color:#aa8ec4}.hero-number{position:absolute;bottom:22px;right:27px;font-family:Space Grotesk;font-size:9px;color:#a08dad;letter-spacing:3px}.library-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:25px;margin-top:31px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-title h2{font-size:13px;font-weight:600;letter-spacing:.4px}.count{font-family:Space Grotesk;font-size:9px;color:#a399b1;background:#211e2a;border:1px solid #383042;padding:2px 6px;border-radius:4px;margin-left:6px}.search{display:flex;align-items:center;gap:7px;border:1px solid #2d2935;border-radius:5px;padding:7px 9px;color:#777083;max-width:187px}.search input{min-width:0;width:126px;font-size:9px;background:none;color:#ddd5ee;border:none;outline:none}.search>span{font-size:12px;color:#676070}.filter-bar{display:flex;gap:3px;border-bottom:1px solid #28232e;margin:15px 0 19px;padding-bottom:10px}.filter-bar button{border:none;background:none;color:#87808f;font-size:9px;white-space:nowrap;padding:7px 9px;border-radius:5px}.filter-bar button.selected{background:#272033;color:#c8b6e9}.filter-bar button:hover{color:#e2d3f8}.effect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.effect-card{border:1px solid #2b2732;border-radius:8px;position:relative;overflow:hidden;background:#14131b;transition:border-color .2s,transform .2s,box-shadow .2s}.effect-card:hover{border-color:#605071;transform:translateY(-2px)}.effect-card.selected{border-color:#a78acb;box-shadow:0 0 0 1px #a78acb22}.effect-art{position:relative;width:100%;height:127px;border:none;display:block;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#51307766,transparent 67%),#1a1228;color:var(--effect-color)}.effect-tag{position:absolute;top:10px;left:9px;background:#0b081942;border:1px solid #ffffff18;padding:3px 5px;border-radius:3px;font-size:6px;letter-spacing:.7px;z-index:2;color:var(--effect-color)}.favorite{position:absolute;right:9px;top:8px;border:none;background:#100c2022;color:#dbceeaa0;font-size:19px;z-index:3;width:24px;height:24px;display:grid;place-items:center;padding:0}.favorite.is-favorite{color:#d6b1fc}.effect-symbol{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-size:63px;line-height:1;text-shadow:0 0 13px currentColor,0 0 42px currentColor;font-family:serif;font-weight:400}.effect-art:after{content:"";position:absolute;left:50%;top:49%;width:77px;height:77px;transform:translate(-50%,-50%);border:1px solid currentColor;border-radius:50%;opacity:.25;box-shadow:0 0 24px currentColor,inset 0 0 17px currentColor}.effect-art-name{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-family:Space Grotesk;font-size:8px;letter-spacing:3px;color:#eee5ffbb}.thumb-particles{position:absolute;top:18px;right:11px;bottom:25px;left:11px}.thumb-particles i{position:absolute;width:2px;height:2px;background:currentColor;box-shadow:0 0 5px currentColor}.thumb-play{position:absolute;right:9px;bottom:9px;opacity:0;transition:opacity .2s}.effect-art:hover .thumb-play{opacity:1}.art-sakura{background:radial-gradient(ellipse at 50% 90%,#9e45615c,transparent 70%),#281923;color:#ffaacb}.art-sakura .effect-symbol{font-size:72px;text-shadow:0 0 20px #ff93c455;transform:translate(-50%,-50%) rotate(-15deg)}.art-sakura .thumb-particles i{width:7px;height:4px;border-radius:80% 0;background:#ffaacb}.art-sakura:after{border:none;box-shadow:none}.art-rift{background:radial-gradient(ellipse at 50% 60%,#21748655,transparent 70%),#111f29;color:#65e5ed}.art-rift .effect-symbol{font-size:82px;font-style:italic}.art-rift .thumb-particles i{width:30px;height:1px}.art-rift:after{border-radius:0;transform:translate(-50%,-50%) rotate(-30deg);height:45px;width:104px}.art-gold{background:radial-gradient(ellipse at 50% 60%,#94672755,transparent 70%),#282016;color:#f8ce7b}.art-gold .thumb-particles i{height:5px;width:2px}.art-gold:after{border-style:dotted}.art-orbit{background:radial-gradient(ellipse at 50% 60%,#893b8055,transparent 70%),#25132b;color:#e398ff}.art-orbit:after{width:109px;height:46px;transform:translate(-50%,-50%) rotate(-25deg)}.art-orbit .effect-symbol{font-size:56px}.art-pulse{background:radial-gradient(ellipse at 50% 60%,#39765355,transparent 70%),#15271f;color:#9cffbd}.art-pulse .effect-symbol{font-size:83px}.art-pulse:after{border-radius:20%;height:42px;width:107px;box-shadow:0 0 0 8px #9cffbd10,0 0 0 16px #9cffbd07}.effect-info{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 12px 11px;text-align:left;border:none;background:none;gap:4px}.effect-info h3{font-family:Space Grotesk;font-size:12px;font-weight:500;letter-spacing:.15px}.effect-info p{font-size:8px;color:#867d93;line-height:1.7;margin-top:5px;white-space:nowrap}.selection-circle{border:1px solid #41384d;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.selection-circle.checked{background:#c2a4ec;border-color:#c2a4ec;color:#211829}.effect-card-footer{border-top:1px solid #26202f;display:flex;justify-content:space-between;margin:0 11px;padding:9px 0;font-size:7px;color:#94879f}.effect-card-footer>span{display:flex;gap:5px;align-items:center}.effect-card-footer i{width:4px;height:4px;border-radius:50%;background:var(--effect-color);opacity:.7}.effect-card-footer small{font-size:7px;color:#706579}.library-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:8px;color:#766d83;margin-top:22px}.library-note>svg{color:#9a83b5}.library-note>span{margin:0 2px}.inspector{border:1px solid #2c2735;border-radius:8px;background:#14131c;align-self:start;overflow:hidden}.inspector>.section-title{padding:15px 15px 13px}.inspector>.section-title h2{font-size:11px}.preview-badge{display:flex;align-items:center;gap:5px;color:#9a8eaf;font-size:7px;letter-spacing:1px}.preview-badge i{width:4px;height:4px;border-radius:50%;background:#b39bce}.preview-stage{aspect-ratio:16/9;position:relative;overflow:hidden;isolation:isolate;background:#111426}.demo-scenery{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#13172e,#453558 70%,#262438)}.demo-sun{width:57px;height:57px;position:absolute;left:47%;top:15%;border-radius:50%;background:linear-gradient(#ecb9d4,#ae759b);box-shadow:0 0 42px #db93c433}.demo-mountain{position:absolute;top:25%;right:-1px;bottom:0;left:-1px;background:#27263d;clip-path:polygon(0 77%,15% 30%,25% 57%,38% 5%,57% 68%,70% 26%,88% 79%,100% 34%,100% 100%,0 100%)}.mountain-front{top:46%;right:-1px;bottom:0;left:-1px;background:linear-gradient(#1d2136,#111626);clip-path:polygon(0 35%,17% 80%,35% 40%,51% 74%,75% 11%,100% 67%,100% 100%,0 100%)}.demo-grid{position:absolute;top:75%;right:0;bottom:0;left:0;transform:perspective(50px) rotateX(28deg);background:repeating-linear-gradient(0deg,transparent 0 11px,#9675b31c 12px),repeating-linear-gradient(90deg,transparent 0 29px,#9675b31c 30px)}.demo-live{position:absolute;top:9px;left:10px;font-size:5px;letter-spacing:1px;background:#07091655;border:1px solid #ffffff22;padding:4px;color:#c8b8db}.scene-title{position:absolute;left:13px;bottom:32px;font-family:Space Grotesk;font-size:11px;letter-spacing:3px;color:#dccfed;line-height:1.4}.scene-title strong{font-size:15px;letter-spacing:2px}.demo-webcam{position:absolute;bottom:26px;right:11px;width:53px;height:38px;border:1px solid #b69bff80;background:linear-gradient(130deg,#292940,#3b2741);border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:4px;letter-spacing:1.5px;color:#b7a3cb}.demo-webcam span{font-size:24px;line-height:25px}.preview-controls{position:absolute;bottom:0;left:0;right:0;background:#090b1580;padding:5px 9px;display:flex;align-items:center;justify-content:space-between;color:#aba1bb;font-family:Space Grotesk;font-size:7px;z-index:4}.preview-controls button{border:none;background:none;display:flex;padding:0}.inspector-title{display:flex;align-items:center;gap:9px;padding:16px 15px;border-bottom:1px solid #29232f}.tiny-art{width:35px;height:35px;border:1px solid #ffffff19;display:grid;place-items:center;border-radius:6px;font-size:24px;flex-shrink:0}.inspector-title h3{font-size:13px;font-family:Space Grotesk;font-weight:500}.inspector-title p{font-size:8px;color:#8e809f;margin-top:5px}.inspector-dots{margin-left:auto;color:#9380a6;font-size:18px}.inspector-settings{padding:17px 15px 12px}.slider-label{display:block;font-size:10px;color:#c2b6d0;margin-bottom:17px}.slider-label output{float:right;font-family:Space Grotesk;font-size:11px;color:#cdb9e7}.slider-label output small{font-size:8px;color:#897799;margin-left:3px}input[type=range]{display:block;width:100%;height:3px;margin:13px 0 0;accent-color:#c3a5ea;cursor:pointer}.setting-row{display:flex;align-items:center;justify-content:space-between;margin:17px 0;font-size:10px;color:#c2b6d0;min-height:19px}.swatches{display:flex;gap:7px;align-items:center}.swatches>button{height:14px;width:14px;border:2px solid transparent;border-radius:50%;padding:0}.swatches>button.chosen{outline:1px solid #c9b1e7;outline-offset:3px;border:2px solid #211928}.custom-color{position:relative;border:1px solid #4b3b5b;border-radius:50%;width:16px;height:16px;display:grid;place-items:center;overflow:hidden;font-size:12px;cursor:pointer}.custom-color input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}select{border:1px solid #393042;border-radius:4px;color:#c8bcd6;background:#1d1925;padding:6px 9px;font-size:10px}.switch{width:29px;height:17px;border-radius:20px;background:#383041;border:none;padding:3px;display:flex;align-items:center;flex-shrink:0}.switch>span{background:#9787a7;width:11px;height:11px;border-radius:50%;transition:transform .2s}.switch.on{background:#b396d5}.switch.on>span{transform:translate(12px);background:#f4eafa}.inline-icon{display:flex;gap:6px;align-items:center}.test-name{display:block;font-size:9px;color:#9787a9;margin-bottom:14px}.test-name input{margin-top:6px;width:100%;background:#100e17;color:#ded0ed;border:1px solid #352b40;border-radius:4px;padding:8px;font-size:10px}.primary-button,.secondary-button{display:flex;justify-content:center;align-items:center;gap:9px;border:1px solid #d3b9f0;border-radius:5px;background:#c5a9e8;color:#292032;padding:11px 14px;font-size:11px;font-weight:600}.primary-button:hover:not(:disabled){background:#ddc5fc;box-shadow:0 0 18px #c5a9e816}.primary-button>span{margin-left:auto;font-size:12px;color:#756184}.secondary-button{border-color:#41334e;background:#201926;color:#cbbbda;font-weight:400}.secondary-button:hover:not(:disabled){background:#32233e}.wide{width:100%;margin-top:10px}.inspector-footnote{text-align:center;color:#706178;font-size:8px;line-height:1.8;margin-top:11px}.studio-footer{height:43px;position:fixed;bottom:0;right:0;left:244px;background:#101016ed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #2c2331;z-index:15;display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-family:Space Grotesk;font-size:8px;color:#8c7b9b;letter-spacing:.8px}.studio-footer>span{display:flex;align-items:center;gap:7px}.studio-footer>span>i{height:9px;width:1px;background:#46344f;margin:0 8px}.studio-footer>div{display:flex;gap:20px}.studio-footer button{border:none;background:none;font-size:9px;color:#a18bac;padding:4px;display:flex;align-items:center;gap:6px}.studio-footer button.panic-button{color:#bd8b9b}.panic-button>span{height:5px;width:5px;background:#bd8b9b;border-radius:1px}.error-banner{display:flex;align-items:center;justify-content:space-between;background:#3c212d;border:1px solid #724053;padding:13px 16px;border-radius:7px;color:#f0b5c4;font-size:12px;margin-bottom:20px;gap:10px}.error-banner button{border:none;background:none}.info-strip{display:flex;align-items:center;gap:12px;border:1px solid #363041;background:#1b1724;padding:18px 20px;border-radius:8px;font-size:12px;margin-bottom:24px}.info-strip button{display:flex;align-items:center;gap:10px;margin-left:auto;background:none;border:none;color:#c5a9e8;font-size:11px}.muted{color:#84728f;font-size:10px;margin-left:auto}.rules-panel,.panel,.activity-list{background:#14121c;border:1px solid #302639;border-radius:9px;overflow:hidden}.rules-header{display:grid;grid-template-columns:1fr 1fr 40px;font-size:9px;letter-spacing:1.5px;padding:19px 24px;color:#877495;background:#1b1623}.rule-row{display:grid;grid-template-columns:1fr 1fr 40px;padding:23px 24px;align-items:center;gap:12px;border-top:1px solid #2b2332}.rule-event{display:flex;align-items:center;gap:15px}.rule-icon{width:41px;height:41px;background:#2b1e39;color:#c5a2eb;display:grid;place-items:center;border-radius:9px;font-size:24px}.rule-event strong{font-size:13px;font-weight:500}.rule-event small{display:block;margin-top:6px;font-size:9px;color:#9480a3}.rule-effect{display:flex;align-items:center;gap:27px;color:#7e648e}.rule-effect select{width:80%;padding:10px;font-size:12px}.bottom-note{display:flex;gap:10px;align-items:center;font-size:11px;line-height:1.9;color:#937fa1;margin-top:24px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:25px}.panel{padding:25px}.step-number{font-family:Space Grotesk;font-size:35px;color:#7d5e94}.panel h2{font-size:18px;margin:16px 0 12px}.panel p{font-size:12px;line-height:1.9;color:#a18aaf;margin-bottom:25px}.field-label{display:block;font-size:11px;color:#c4afd4;margin:19px 0}.field-label input,.field-label select{width:100%;background:#100d17;border:1px solid #493653;color:#dfcbea;font-size:12px;padding:12px;border-radius:6px;margin-top:9px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.activity-row{display:flex;align-items:center;gap:15px;padding:19px 22px;border-bottom:1px solid #302639}.activity-row strong{font-size:13px;font-weight:500}.activity-row p{font-size:10px;color:#927da1;margin-top:5px}.activity-row time{margin-left:10px;color:#9883a5;font-size:10px}.event-badge{margin-left:auto;background:#35263e;color:#d4b3e5;border:1px solid #503c5b;border-radius:4px;padding:4px 7px;font-size:8px;letter-spacing:1px}.event-badge.real{background:#1e332d;color:#a4d6bd;border-color:#365747}.empty-state{padding:50px 15px;text-align:center;color:#9f8bac;display:flex;align-items:center;justify-content:center;gap:16px;flex-direction:column;font-size:12px}.empty-state button{border:1px solid #594064;background:#261a31;padding:10px 14px;border-radius:5px}.empty-state.large{border:1px dashed #493552;border-radius:9px;padding:95px 25px}.empty-state h2{font-size:19px;color:#cbb7d9}.empty-state p{font-size:12px;line-height:1.8}.legacy-container{border:1px solid #493654;border-radius:12px;overflow:hidden}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#06030dbb;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:470px;max-width:100%;max-height:90vh;overflow:auto;border:1px solid #584163;background:linear-gradient(135deg,#21192c,#17121f);border-radius:14px;padding:26px;box-shadow:0 30px 100px #0008}.modal .section-title h2{font-size:19px}.icon-button{display:flex;align-items:center;justify-content:center;border:1px solid #483351;border-radius:5px;background:none;padding:6px;color:#bca3cb}.modal-description{font-size:12px;line-height:1.9;color:#b29bbf;margin-top:18px}.fine-print{font-size:10px;line-height:1.8;color:#957da5;margin-top:16px}.modal-error{color:#f0aec8;background:#522838;padding:12px;font-size:11px;border-radius:5px;margin-top:18px}.token-guide{font-size:11px;color:#aa91b9;margin:17px 0;line-height:1.9}.token-guide summary{cursor:pointer;color:#d1b0e6}.token-guide p{margin:12px 0}.token-guide a{color:#d3adf2;text-decoration:underline}.token-guide code{font-size:10px}.guide-step{display:flex;gap:18px;margin-top:30px}.guide-step>b{font-family:Space Grotesk;font-size:25px;color:#b48dcf}.guide-step h3{font-size:14px;font-weight:500}.guide-step p{font-size:11px;line-height:1.9;color:#ad93bc;margin-top:7px}.toast{position:fixed;bottom:62px;left:calc(50% + 122px);transform:translate(-50%);z-index:200;background:#2d223c;border:1px solid #8864a2;border-radius:9px;padding:15px 22px;display:flex;align-items:center;gap:10px;font-size:12px;box-shadow:0 8px 30px #0007;max-width:80vw;color:#e4cef7}.toast svg{color:#b4dbbd}.effect-stage{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;container-type:inline-size}.effect-stage canvas{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.alert-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:2cqw;padding:2.3cqw 3.3cqw;border-radius:1.2cqw;min-width:37cqw;max-width:85cqw;background:linear-gradient(120deg,#171124e8,#2e1e43dc);border:1px solid var(--burst-color);box-shadow:0 0 5cqw color-mix(in srgb,var(--burst-color) 20%,transparent);color:#fff;animation:alert-in-out 5s both}.alert-message>span{font-size:6cqw;color:var(--burst-color);text-shadow:0 0 3cqw var(--burst-color)}.alert-message small{display:block;color:var(--burst-color);font-family:Space Grotesk;font-size:1cqw;letter-spacing:.2cqw;line-height:1.5}.alert-message strong{display:block;font-size:2.5cqw;margin:.5cqw 0;overflow-wrap:anywhere;line-height:1.4}.alert-message p{font-size:1cqw;color:#c0aacd}.alert-message.position-top{top:18%}.alert-message.position-bottom{top:80%}.expanded-preview{position:fixed;top:10vh;right:10vw;bottom:10vh;left:10vw;aspect-ratio:auto;z-index:90;border:1px solid #725487;border-radius:10px;box-shadow:0 0 0 100vmax #06030de8}.expanded-preview .demo-live{font-size:10px}.overlay-document,.overlay-document body,.overlay-document #root{background:transparent!important;width:100%;height:100%;overflow:hidden}.overlay-document .effect-stage{position:fixed}.overlay-document .effect-stage:empty{display:none}@keyframes alert-in-out{0%{opacity:0;translate:0 15px;scale:.94}10%,85%{opacity:1;translate:0 0;scale:1}to{opacity:0;translate:0 -12px;scale:1.02}}@media(min-width:1550px){.content{padding-top:40px}.hero-banner{height:285px}.hero-copy{padding-left:40px}.hero-copy h2{font-size:32px}.hero-orb{width:210px;height:210px}.orb-orbit{width:440px;height:155px}.library-layout{grid-template-columns:minmax(0,1fr) 330px;gap:30px}.effect-art{height:160px}.effect-info h3{font-size:15px}.effect-info p{font-size:10px}.effect-card-footer{font-size:9px}.effect-card-footer small{font-size:8px}.inspector-settings{padding:20px}.slider-label,.setting-row,.hero-copy p{font-size:12px}.effect-symbol{font-size:80px}.effect-art-name{font-size:10px}.section-title h2{font-size:15px}}@media(max-width:1250px){.sidebar{width:208px;padding:25px 12px 0}.brand{font-size:16px;gap:5px}.brand small{font-size:6px;letter-spacing:1.2px}.nav-item{font-size:10px;padding:13px 9px;gap:9px}.studio-main{margin-left:208px;width:calc(100% - 208px)}.studio-footer{left:208px}.content{padding:26px 25px}.topbar{padding:0 25px}.library-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.effect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.effect-art{height:132px}.page-heading>.subtle-button{display:none}h1{font-size:23px}.hero-copy h2{font-size:25px}.hero-art{left:43%}.orb-orbit{width:290px}.hero-orb{width:155px;height:155px}.search{max-width:145px}.search input{width:93px}.filter-bar{overflow:auto}.filter-bar button{padding:7px}.toast{left:calc(50% + 104px)}}@media(max-width:1000px){.sidebar{width:75px;padding:25px 10px 0}.brand{padding:0 8px}.brand>div,.workspace-label,.nav-label,.nav-item>span,.nav-item small,.sidebar-bottom{display:none}.nav-item{justify-content:center;padding:14px;margin-top:10px}.sidebar nav{margin-top:45px}.studio-main{margin-left:75px;width:calc(100% - 75px)}.studio-footer{left:75px;padding:0 25px}.toast{left:calc(50% + 37px)}.hero-art{left:42%}.hero-orb,.orb-orbit{left:55%}.hero-copy h2{font-size:24px}.collection-label{font-size:7px}.section-title h2{font-size:12px}}@media(max-width:760px){.topbar{height:65px;padding:0 17px}.breadcrumb{font-size:9px;gap:8px}.top-actions{gap:6px}.connection-pill,.twitch-button{font-size:9px;padding:7px}.twitch-button>svg{display:none}.content{padding:25px 17px}.eyebrow{font-size:7px;letter-spacing:1.5px}h1{font-size:21px;letter-spacing:0}.page-description{font-size:10px}.hero-banner{height:233px}.hero-copy{padding-left:22px}.hero-copy h2{font-size:23px}.hero-art{left:40%;opacity:.65}.hero-orb{width:115px;height:115px}.orb-orbit{width:210px;height:90px}.orbit-two{width:180px;height:110px}.orbit-three{width:150px;height:150px}.art-coordinate,.art-note{display:none}.hero-copy p{font-size:9px}.library-layout{grid-template-columns:1fr}.effect-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.effect-art{height:125px}.effect-info{padding:12px 9px}.effect-info p{font-size:7px;white-space:normal}.effect-info h3{font-size:11px}.effect-card-footer small{display:none}.inspector{display:grid;grid-template-columns:1fr 1fr;position:relative}.inspector>.section-title{grid-column:1/-1}.preview-stage{grid-column:1}.inspector-title{grid-column:1;align-self:start;border-bottom:none}.inspector-settings{grid-column:2;grid-row:2/5;border-left:1px solid #35273e;padding-top:0}.setup-grid{grid-template-columns:1fr}.rule-row,.rules-header{grid-template-columns:1.1fr 1fr 30px;padding:16px 12px;gap:8px}.rule-event{gap:8px}.rule-icon{height:29px;width:29px;font-size:19px}.rule-event strong{font-size:11px}.rule-event small{font-size:8px}.rule-effect{gap:5px}.rule-effect svg{width:12px}.rule-effect select{width:100%;font-size:10px;padding:7px}.info-strip{font-size:10px;flex-wrap:wrap}.muted{margin-left:0}.studio-footer{padding:0 15px;letter-spacing:0}.studio-footer>div{gap:9px}}@media(max-width:520px){.sidebar{width:54px;padding:24px 5px}.brand{padding-left:2px}.brand-mark{font-size:40px}.brand-mark>span{font-size:18px;right:-10px;top:-4px}.nav-item{padding:12px 8px}.studio-main{margin-left:54px;width:calc(100% - 54px)}.studio-footer{left:54px}.breadcrumb{display:none}.topbar{justify-content:flex-end}.content{padding:22px 14px}h1{font-size:19px}.hero-banner{height:235px}.hero-copy{padding-left:17px}.hero-copy h2{font-size:23px}.hero-art{left:25%;opacity:.28}.hero-number{font-size:7px;right:14px;bottom:14px}.hero-copy p{color:#c6b7d3}.collection-label{font-size:6px}.effect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.section-title{gap:6px}.section-title h2{font-size:11px}.search{max-width:125px}.search input{width:75px;font-size:8px}.search>span{display:none}.count{display:none}.filter-bar button{font-size:8px}.inspector{display:block}.inspector-settings{border-left:none;padding:17px 15px}.preview-stage{aspect-ratio:16/9}.inspector-title{border-bottom:1px solid #302437}.library-note{flex-wrap:wrap;font-size:7px}.studio-footer>span{font-size:6px;gap:4px}.studio-footer>span>i{margin:0 2px}.studio-footer button{font-size:7px}.toast{left:calc(50% + 27px);font-size:10px;width:max-content;max-width:75vw}.rule-row{grid-template-columns:1fr 30px}.rule-effect{grid-row:2;grid-column:1}.rule-row>.switch{grid-row:1;grid-column:2}.rules-header{display:none}.rule-effect>svg{display:none}.rule-event small{font-size:9px}.activity-row{padding:15px 10px;gap:8px;flex-wrap:wrap}.activity-row time{font-size:8px}.activity-row strong{font-size:11px}.activity-row p{font-size:8px}.modal{padding:20px}.modal .section-title h2{font-size:17px}.modal-backdrop{padding:16px}.expanded-preview{top:25vh;right:4vw;bottom:25vh;left:4vw;aspect-ratio:16/9}.empty-state.large{padding:60px 15px}.empty-state h2{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.alert-message{animation-name:alert-fade}@keyframes alert-fade{0%,to{opacity:0}10%,85%{opacity:1}}}