@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090b0d;--panel:#111417;--panel2:#15191d;--line:#242a2f;--muted:#8b949b;--text:#f4f7f6;--green:#55e5b1;--green-dark:#1ab785;--cyan:#74dce9;--radius:18px;font-family:'DM Sans',Arial,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1000px 550px at 78% -8%,rgba(47,122,104,.12),transparent 65%),var(--bg);color:var(--text)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.topbar{height:76px;max-width:1380px;padding:0 38px;margin:auto;display:flex;align-items:center;gap:56px;border-bottom:1px solid rgba(255,255,255,.055)}.brand{display:inline-flex;align-items:center;gap:10px;font:700 18px 'Space Grotesk',sans-serif;letter-spacing:-.8px;white-space:nowrap}.brand-mark{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#80f5c7,#24bc90);box-shadow:0 0 25px #48dfad36;color:#06130f;font-size:17px;font-style:italic}.brand-light{font-weight:500;color:#aeb7b3}.topnav{display:flex;gap:30px;height:100%;align-items:center}.nav-item{height:100%;display:flex;align-items:center;color:#919a96;font-size:13px;font-weight:600;position:relative}.nav-item:hover,.nav-item.active{color:#eef6f1}.nav-item.active:after{content:"";height:2px;background:var(--green);border-radius:3px;position:absolute;bottom:-1px;left:0;right:0}.user-pill{margin-left:auto;display:flex;align-items:center;gap:9px;border:1px solid #30373b;background:#131719;border-radius:999px;padding:10px 15px;color:#d8dfda;font-size:12px;font-weight:600;cursor:pointer}.user-pill:hover{border-color:#55e5b166}.avatar-dot{display:grid;place-items:center;background:#234f43;color:#89f2ca;width:22px;height:22px;border-radius:50%;font-size:11px}.arrow{color:var(--green)}main{min-height:calc(100vh - 155px)}.wrap{width:min(1160px,calc(100% - 64px));margin-left:auto;margin-right:auto}.hero{min-height:540px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:46px;padding-top:40px;padding-bottom:38px}.hero-copy{padding:10px 0 0 10px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#88e4bf;font-weight:700}.live-dot{width:7px;height:7px;display:inline-block;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green);margin-right:8px}.hero h1,.page-heading h1{font:700 clamp(42px,5.3vw,70px)/1.03 'Space Grotesk',sans-serif;letter-spacing:-3.5px;margin:22px 0 17px}.gradient-text{background:linear-gradient(100deg,#71edbd 3%,#74dce9 55%,#a798ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lede{max-width:420px;color:#a4ada8;font-size:16px;line-height:1.8;margin:0}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:27px}.button{border:1px solid transparent;border-radius:10px;min-height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-size:12px;font-weight:700;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:wait;transform:none}.button.primary{background:linear-gradient(110deg,#70edbc,#45d8ac);color:#06150f;box-shadow:0 8px 30px #45d8ac1c}.button.primary:hover{background:linear-gradient(110deg,#9af8cf,#59e4b8)}.button.quiet{background:transparent;color:#c2cbc6;border-color:transparent}.button.quiet:hover{background:#ffffff0a}.button.outline{background:#121619;border-color:#30383c;color:#e2e9e5}.button.outline:hover{border-color:#55e5b188}.button.small{min-height:36px;padding:0 13px;font-size:11px;border-radius:8px}.button.full{width:100%;margin-top:8px}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:38px;color:#82908a;font-size:11px;line-height:1.55}.hero-proof strong{color:#c1cbc5;font-weight:600}.proof-avatars{display:flex;padding-left:4px}.proof-avatars b{height:28px;width:28px;margin-left:-4px;border:2px solid var(--bg);border-radius:50%;display:grid;place-items:center;background:#22362e;color:#74efbd;font-size:10px}.proof-avatars b:nth-child(2){background:#27313e;color:#9fc9f4}.proof-avatars b:nth-child(3){background:#3d2f3a;color:#f5b6d4}.hero-visual{position:relative;min-height:390px;display:grid;place-items:center}.visual-glow{position:absolute;width:65%;height:65%;background:#41dab044;filter:blur(100px);border-radius:50%}.browser-card{position:relative;z-index:1;width:100%;max-width:530px;padding:10px;border:1px solid #3b4549;border-radius:17px;background:#14181a;box-shadow:0 34px 95px #0009,0 0 60px #4fe3b018;transform:perspective(1000px) rotateY(-4deg) rotateX(1deg)}.browser-bar{height:31px;display:flex;align-items:center;gap:5px;padding:0 5px 9px;color:#707d77}.browser-bar>span{width:7px;height:7px;border-radius:50%;background:#42494a}.browser-bar i{margin:0 auto;font-style:normal;font-size:9px;color:#7c8882;letter-spacing:.2px}.browser-bar b{font-size:12px;color:#9ba6a0}.mock-scene{height:275px;position:relative;overflow:hidden;border:1px solid #5ae9b14b;background:radial-gradient(ellipse at center,#17362d 0%,#101b1b 37%,#0b0d12 76%);display:grid;place-items:center}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#88e6bd0c 1px,transparent 1px),linear-gradient(90deg,#88e6bd0c 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(transparent,#000 38%,#000 70%,transparent)}.scene-orbit{position:absolute;border:1px solid #67e7bd16;border-radius:50%;width:370px;height:110px;transform:rotate(-25deg)}.orbit-a{width:430px;height:150px}.orbit-b{width:300px;height:100px;transform:rotate(35deg)}.scene-corner{position:absolute;width:29px;height:29px;border-color:#79f2c0;border-style:solid;opacity:.72}.corner-tl{left:21px;top:20px;border-width:1px 0 0 1px}.corner-br{right:21px;bottom:20px;border-width:0 1px 1px 0}.scene-chip{position:absolute;top:23px;left:25px;padding:5px 8px;border:1px solid #64e3b244;border-radius:5px;color:#85ecc4;font-size:7px;letter-spacing:1.2px}.scene-center{position:relative;display:flex;align-items:center;flex-direction:column;text-shadow:0 2px 14px #000}.scene-center small{color:#a4b8ad;letter-spacing:2.3px;font-size:8px}.scene-center strong{font:700 clamp(26px,4vw,45px) 'Space Grotesk',sans-serif;letter-spacing:5px;margin:11px 0 7px}.scene-center em{font-style:normal;font-size:9px;color:#9aaea5}.scene-rule{width:50px;height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent);margin-top:15px}.scene-credit{position:absolute;bottom:13px;right:18px;color:#76867e;font-size:6px;letter-spacing:1.2px}.mock-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 5px 2px;color:#aeb7b1;font-size:10px}.mock-controls span:last-child{color:#77817c;font-size:8px;letter-spacing:.8px}.mock-controls span:last-child b{font-size:7px;color:#5fe3b0;letter-spacing:2px;margin-left:6px}.green-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#50dca2;box-shadow:0 0 9px #50dca266;margin-right:7px}.float-tag{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #38433f;border-radius:11px;background:#151b1aee;box-shadow:0 15px 40px #0008}.float-tag>span{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#233e34;color:#8af2c7}.float-tag div{display:grid;gap:3px}.float-tag b{font-size:9px}.float-tag small{font-size:8px;color:#88948e}.tag-left{left:-22px;top:52px}.tag-right{right:-20px;bottom:46px}.sync-icon{font-size:20px}.feature-strip{border-top:1px solid #222a27;border-bottom:1px solid #222a27;display:grid;grid-template-columns:repeat(3,1fr);padding:21px 15px;margin-top:4px}.feature-strip>div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid #2b322f}.feature-strip>div:last-child{border:0}.feature-icon{color:#6de7b8;font-size:22px}.feature-strip p{display:grid;gap:4px;margin:0}.feature-strip b{font-size:11px;font-weight:600;color:#e4ebe6}.feature-strip small{color:#828d87;font-size:9px}.section{padding-top:77px;padding-bottom:40px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-heading h2,.cta-band h2,.integration-panel h2{font:600 29px 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:8px 0 0}.text-link{font-size:11px;color:#8de6c2}.text-link span{margin-left:7px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.theme-grid.compact{grid-template-columns:repeat(4,1fr);gap:15px}.theme-card{min-width:0}.theme-art{width:100%;height:195px;position:relative;overflow:hidden;display:grid;place-items:center;cursor:pointer;border:1px solid #313a38;border-radius:13px;background:linear-gradient(140deg,#0e1718,#162222 55%,#0a1013);transition:border .2s ease,transform .2s ease;text-align:center}.compact .theme-art{height:165px}.theme-art:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--theme-color,#55e5b1) 65%,#52615a)}.theme-art:before{content:"";position:absolute;inset:-60%;background:radial-gradient(ellipse at center,var(--theme-color,#55e5b1) 0,transparent 54%);opacity:.12;filter:blur(8px)}.art-noise{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:19px 19px;mask-image:linear-gradient(transparent,#000 33%,#000 70%,transparent)}.art-frame{position:absolute;inset:14px;border:1px solid color-mix(in srgb,var(--theme-color,#55e5b1) 32%,transparent);box-shadow:inset 0 0 38px #0004}.art-frame:before,.art-frame:after{content:"";position:absolute;width:18px;height:18px;border-color:var(--theme-color,#55e5b1);border-style:solid;opacity:.8}.art-frame:before{left:-1px;top:-1px;border-width:1px 0 0 1px}.art-frame:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.art-label{position:absolute;left:23px;top:24px;color:var(--theme-color,#55e5b1);font-size:7px;letter-spacing:1.2px;text-transform:uppercase}.art-center{z-index:1;display:grid;gap:7px;justify-items:center}.art-center small{font-size:7px;letter-spacing:1.6px;color:#aebcb4}.art-center strong{font:700 20px 'Space Grotesk',sans-serif;letter-spacing:2px}.art-center i{font-size:8px;color:#a0aaa3;font-style:normal}.art-sheen{position:absolute;left:-30%;right:-30%;height:1px;top:38%;background:var(--theme-color,#55e5b1);opacity:.6;filter:blur(1px);transform:rotate(-14deg)}.art-afterglow{--theme-color:#a855f7;background:radial-gradient(ellipse at 50% 65%,#311f4f,#111019 66%)}.art-monochrome{--theme-color:#d7d9df;background:linear-gradient(135deg,#27292c,#101113 58%,#08090a)}.art-arcane{--theme-color:#7e73ff;background:radial-gradient(ellipse at 50% 50%,#252044,#101018 65%)}.art-ember-circuit{--theme-color:#ff8a45;background:radial-gradient(ellipse at 50% 80%,#422918,#130f0c 64%)}.art-tactical-grid{--theme-color:#a7c56b;background:linear-gradient(145deg,#171b18,#101310 70%)}.art-neon-district{--theme-color:#38d9ff;background:radial-gradient(ellipse at 55% 70%,#152f3c,#0b1218 66%)}.art-night-signal{--theme-color:#83f2c4;background:radial-gradient(ellipse at 55% 70%,#17362d,#0b1213 65%)}.art-arcade-respawn{--theme-color:#ff54b5;background:radial-gradient(ellipse at 55% 70%,#49213e,#140f19 68%)}.art-starforge{--theme-color:#91bfff;background:radial-gradient(ellipse at 55% 70%,#1b3047,#0c1018 68%)}.art-questbound{--theme-color:#d9ad69;background:radial-gradient(ellipse at 55% 70%,#40311e,#12100d 68%)}.art-apex-velocity{--theme-color:#b7ff55;background:linear-gradient(140deg,#252d1a,#10130c 70%)}.art-cozy-checkpoint{--theme-color:#f3c88d;background:radial-gradient(ellipse at 55% 70%,#44331f,#15120d 68%)}.art-wasteland-runner{--theme-color:#c9b889;background:linear-gradient(140deg,#393222,#15130e 70%)}.art-rift-hunter{--theme-color:#b49cff;background:radial-gradient(ellipse at 55% 70%,#30244b,#100e18 68%)}.art-boss-rush{--theme-color:#ff675e;background:radial-gradient(ellipse at 55% 70%,#441c21,#130e13 68%)}.theme-card-copy{display:flex;align-items:center;justify-content:space-between;padding:13px 3px 5px}.theme-card-copy h3{margin:0 0 5px;font:600 14px 'Space Grotesk',sans-serif}.theme-card-copy p{margin:0;color:#89938d;font-size:10px;line-height:1.5}.circle-arrow{flex:0 0 auto;width:30px;height:30px;border:1px solid #303936;border-radius:50%;background:#141917;color:#8aeac2;cursor:pointer}.circle-arrow:hover{background:#20352c;border-color:#55e5b1}.cta-band{margin-top:47px;margin-bottom:88px;border:1px solid #273a33;border-radius:17px;background:linear-gradient(100deg,#14221d,#111719 70%);padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-band h2{font-size:24px}.cta-band p{margin:8px 0 0;color:#99a59e;font-size:12px}.footer{min-height:78px;max-width:1380px;margin:auto;padding:15px 38px;border-top:1px solid #1b201e;display:flex;align-items:center;justify-content:space-between;color:#68736d;font-size:9px}.brand.mini{font-size:13px;color:#d3dad5}.brand.mini .brand-mark{width:21px;height:21px;font-size:13px;border-radius:7px}.page-heading{display:flex;justify-content:space-between;align-items:end;padding-top:62px;padding-bottom:32px}.page-heading h1{font-size:43px;letter-spacing:-2px;margin:10px 0}.page-heading p{margin:0;color:#9aa49e;font-size:13px}.collection-count{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #263630;border-radius:12px;background:#101815}.collection-count b{font:700 25px 'Space Grotesk',sans-serif;color:#78e8bb}.collection-count span{font-size:9px;line-height:1.55;color:#9ba9a1}.browse-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #242b27;padding-bottom:21px}.filter-row{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.filter-chip{border:1px solid transparent;background:transparent;border-radius:999px;padding:8px 12px;white-space:nowrap;color:#9da7a1;font-size:10px;cursor:pointer}.filter-chip:hover{color:#e5ede7;background:#151a17}.filter-chip.selected{color:#94edc7;border-color:#3d6e59;background:#14261e}.search-box{min-width:185px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #2b332f;border-radius:9px;background:#101412;color:#84908a}.search-box span{font-size:18px}.search-box input{border:0;outline:0;background:transparent;color:#e9efeb;width:100%;height:35px;font-size:10px}.browse-grid-section{padding-top:24px;padding-bottom:80px}.browse-grid-section .theme-grid{row-gap:29px}.hidden{display:none!important}.no-results{text-align:center;padding:60px 0 100px;color:#9da7a1}.no-results>span{color:#70e8b8;font-size:32px}.no-results h2{font:600 21px 'Space Grotesk';color:#edf3ef}.no-results p{font-size:12px}.dashboard-heading{padding-bottom:27px}.dashboard-heading .button{margin-bottom:4px}.dashboard-body{padding-bottom:80px}.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #202724;border-bottom:1px solid #202724}.segmented{display:flex;gap:20px;color:#829087;font-size:10px}.segmented span{padding:8px 0}.segmented .active{color:#e3ebe6;border-bottom:1px solid var(--green)}.segmented b{margin-left:5px;color:#8fe6bf;font-weight:600}.connected-user{color:#829087;font-size:10px}.saved-list{display:grid}.saved-row{min-height:98px;display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:18px;border-bottom:1px solid #202724}.saved-thumb{height:66px;border:1px solid #39433f;border-radius:8px;display:grid;place-items:center;background:radial-gradient(ellipse at center,var(--theme-color,#55e5b1) 0,transparent 60%),#111716;position:relative;overflow:hidden}.saved-thumb span{z-index:1;color:#edf4ef;text-shadow:0 1px 5px #000;font:600 10px 'Space Grotesk'}.saved-info h3{margin:0 0 5px;font:600 13px 'Space Grotesk'}.saved-info p{margin:0 0 6px;color:#808c85;font-size:9px}.dot-sep{padding:0 4px;color:#4c5b52}.status{font-size:9px;color:#71dbac}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#43d890;box-shadow:0 0 8px #43d89066;margin-right:6px}.status.paused{color:#96a09a}.status.paused i{background:#a3aaa6;box-shadow:none}.saved-actions{display:flex;align-items:center;gap:6px}.icon-button{width:31px;height:31px;display:grid;place-items:center;border:1px solid #303936;background:#121715;color:#acb7b0;border-radius:8px;cursor:pointer}.icon-button:hover{border-color:#5c7266;color:#fff}.danger-hover:hover{border-color:#873f47;color:#ff8888}.integration-panel{margin-top:34px;padding:22px 24px;border:1px solid #29362f;border-radius:12px;background:linear-gradient(100deg,#121b16,#111416);display:flex;align-items:center;justify-content:space-between;gap:20px}.integration-panel h2{font-size:18px}.integration-panel p{font-size:10px;color:#929d96;margin:6px 0 0}.integration-badges{display:flex;gap:8px}.integration-badges span{padding:8px 11px;border:1px solid #35433b;border-radius:8px;background:#101713;color:#b8c4bd;font-size:10px}.empty-state{display:flex;align-items:center;flex-direction:column;text-align:center;padding:55px 20px 80px}.empty-state h2{margin:15px 0 7px;font:600 22px 'Space Grotesk'}.empty-state p{max-width:470px;margin:0 0 20px;color:#98a39c;font-size:12px;line-height:1.7}.empty-orbit{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;border:1px solid #426853;background:radial-gradient(circle,#214033,#111a15 70%);color:#7af0bf;font-size:25px;box-shadow:0 0 42px #49dc9b17}.compact-empty{padding:35px}.error-state{color:#eab4b4}.error-state p{color:#b99393}.loading-panel{padding:45px;text-align:center;border:1px solid #26302b;border-radius:12px;color:#9aa59e;font-size:12px}.modal-backdrop{position:fixed;inset:0;z-index:15;display:grid;place-items:center;padding:22px;background:#030605c9;backdrop-filter:blur(8px)}.modal{width:min(420px,100%);position:relative;border:1px solid #34433b;border-radius:17px;background:linear-gradient(150deg,#18201c,#101313 65%);padding:32px;box-shadow:0 35px 100px #000a}.modal-close{position:absolute;right:16px;top:14px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#89958e;font-size:22px;cursor:pointer}.modal-close:hover{background:#ffffff0d;color:#fff}.modal-logo{margin-bottom:20px}.modal h2{font:600 24px 'Space Grotesk';margin:8px 0}.modal>p{color:#99a69e;font-size:11px;line-height:1.7}.modal form{display:grid;gap:13px;margin-top:22px}.modal form label,.control-label{display:grid;gap:7px;color:#abb5ae;font-size:10px;font-weight:600}.modal input{height:42px;width:100%;border:1px solid #303a35;border-radius:8px;padding:0 12px;background:#0d1110;color:#eff5f1;outline:0;font-size:12px}.modal input:focus,.control-label input:focus,.control-label select:focus{border-color:#62d7a7}.auth-switch{display:flex;justify-content:center;gap:6px;margin-top:18px;color:#89958e;font-size:10px}.auth-switch button{border:0;background:transparent;color:#8beac2;font-size:10px;cursor:pointer}.auth-note{min-height:16px;text-align:center;color:#8ee4bb!important;margin-bottom:0}.editor-loading{padding:80px;text-align:center;color:#9aa59e}.editor-shell{min-height:100vh;background:#0a0c0e}.editor-topbar{height:62px;display:flex;align-items:center;gap:25px;padding:0 22px;border-bottom:1px solid #252b28;background:#0e1112}.editor-topbar .brand{font-size:15px}.editor-topbar .brand-mark{width:23px;height:23px;border-radius:7px;font-size:15px}.editor-doc-title{display:flex;align-items:center;gap:10px;color:#76817b;font-size:10px}.editor-doc-title a{color:#a5b0a9}.editor-doc-title strong{color:#e0e7e2;font-weight:600}.save-state{display:inline-flex;align-items:center;gap:6px;margin-left:5px;color:#79d9ab;font-size:9px}.save-state i{width:6px;height:6px;border-radius:50%;background:#50d99c}.save-state.unsaved{color:#f0c675}.save-state.unsaved i{background:#e5bd62}.editor-actions{margin-left:auto;display:flex;gap:8px}.editor-main{display:grid;grid-template-columns:292px 1fr;min-height:calc(100vh - 62px)}.editor-sidebar{padding:22px 18px;border-right:1px solid #252b28;background:#101314}.editor-side-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.editor-side-heading h1{margin:5px 0 0;font:600 19px 'Space Grotesk'}.theme-orb{width:32px;height:32px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--theme-color) 45%,transparent);border-radius:50%;color:var(--theme-color);background:color-mix(in srgb,var(--theme-color) 10%,transparent)}.editor-sidebar .control-label{margin-bottom:14px}.control-label input,.control-label select{width:100%;height:37px;border:1px solid #2e3833;border-radius:7px;background:#0a0d0c;color:#e8eee9;padding:0 10px;outline:0;font-size:10px;font-weight:500}.control-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.color-input{display:grid;grid-template-columns:42px 1fr;gap:6px}.color-input input[type=color]{padding:4px;height:36px;cursor:pointer}.color-input input[data-color-text]{font-family:monospace}.toggle-row,.overlay-active-row{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #242a27;border-bottom:1px solid #242a27}.toggle-row span,.overlay-active-row span{display:grid;gap:4px}.toggle-row b,.overlay-active-row b{font-size:10px;font-weight:600}.toggle-row small,.overlay-active-row small{font-size:8px;color:#808c85;line-height:1.5}.toggle-row input,.overlay-active-row input{opacity:0;position:absolute;right:0;width:37px;height:22px;cursor:pointer;z-index:2}.switch{width:33px;height:18px;border-radius:99px;background:#333d37;position:relative;transition:background .2s}.switch:after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#bbc5be;transition:transform .2s}.toggle-row input:checked+.switch,.overlay-active-row input:checked+.switch{background:#268763}.toggle-row input:checked+.switch:after,.overlay-active-row input:checked+.switch:after{transform:translateX(15px);background:#a6ffd7}.sidebar-divider{height:1px;background:#242a27;margin:20px 0}.scene-picker-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.scene-picker-label span{color:#748078;font-size:8px}.scene-list{display:grid;gap:4px}.scene-option{height:34px;width:100%;display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:7px;background:transparent;padding:0 9px;color:#9da8a1;text-align:left;font-size:10px;cursor:pointer}.scene-option:hover{background:#171e19}.scene-option.selected{border-color:#345542;background:#18271e;color:#d6e8db}.scene-icon{width:20px;color:#7c8f84;text-align:center;font-size:14px}.scene-check{margin-left:auto;color:#7bebbb;opacity:0}.scene-option.selected .scene-check{opacity:1}.change-theme{display:flex;align-items:center;gap:9px;margin:19px 0;padding:12px 9px;border:1px solid #2a342e;border-radius:8px;background:#141a16}.theme-swatch{width:20px;height:20px;border-radius:6px;background:var(--theme-color);box-shadow:0 0 13px color-mix(in srgb,var(--theme-color) 35%,transparent)}.change-theme>span:nth-child(2){display:grid;gap:3px}.change-theme small{font-size:7px;letter-spacing:1px;color:#86928a}.change-theme b{font-size:10px}.change-theme>span:last-child{margin-left:auto;color:#8de5be;font-size:8px}.overlay-active-row{margin-top:12px}.preview-area{padding:22px min(4vw,55px);min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(750px 400px at 50% 42%,#19211f 0%,#101314 57%,#0b0d0e 100%)}.preview-toolbar,.canvas-wrap,.preview-hint,.obs-link-card{width:min(100%,970px)}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#929e97}.preview-scene-name{display:flex;align-items:center;gap:5px;font-size:10px}.preview-scene-name strong{color:#dfe8e2;font-weight:600}.preview-live-pill{margin-left:5px;padding:3px 5px;border:1px solid #315740;border-radius:4px;color:#73dca9;font-size:7px;letter-spacing:.7px}.preview-tools{display:flex;align-items:center;gap:13px;font-size:8px}.preview-tools .icon-button{width:27px;height:27px}.canvas-wrap{position:relative;overflow:hidden;border:1px solid #46544d;border-radius:8px;box-shadow:0 20px 60px #0008;aspect-ratio:16/9;background:repeating-conic-gradient(#27312c 0 25%,#1b221f 0 50%) 0/20px 20px}.canvas-wrap canvas{width:100%;height:100%;display:block}.preview-hint{margin:12px 0 15px;color:#85928a;font-size:9px}.preview-hint span{color:#79e8b7;margin-right:5px}.obs-link-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 13px;border:1px solid #2a342e;border-radius:8px;background:#111614}.obs-link-card>div{display:grid;gap:5px;min-width:0}.obs-link-card small{font-size:7px;letter-spacing:1.4px;color:#87948c}.obs-link-card code{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a5d9c0;font-size:9px}.public-mode{margin:0;background:transparent;overflow:hidden}.public-mode #app{width:100vw;height:100vh}.public-mode canvas{width:100%;height:100%;object-fit:contain;display:block}.public-overlay-loading,.public-overlay-error{height:100vh;display:grid;place-items:center;background:transparent;color:#ddd;font:12px Arial}.public-overlay-error{color:#aaa}.editor-shell~.footer{display:none}
@media(max-width:900px){.topbar{padding:0 24px;gap:30px}.hero{grid-template-columns:1fr 1fr;gap:20px}.hero h1{font-size:54px}.hero-visual{min-height:350px}.mock-scene{height:230px}.tag-left{left:-10px}.tag-right{right:-10px}.theme-grid.compact{grid-template-columns:repeat(2,1fr)}.theme-grid{grid-template-columns:repeat(2,1fr)}.filter-row{max-width:62vw}.editor-main{grid-template-columns:260px 1fr}.editor-sidebar{padding:18px 14px}.preview-area{padding:18px}.saved-row{grid-template-columns:105px 1fr auto;gap:12px}.saved-actions .quiet{display:none}}
@media(max-width:640px){.topbar{height:62px;padding:0 16px;gap:20px}.brand{font-size:15px;gap:7px}.brand-mark{width:23px;height:23px;font-size:15px;border-radius:7px}.topnav{gap:14px;margin-left:auto}.nav-item{font-size:10px}.user-pill{padding:7px 10px;font-size:10px;margin-left:0}.topbar .user-pill .avatar-dot{width:19px;height:19px}.wrap{width:calc(100% - 34px)}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:46px;gap:10px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:49px;letter-spacing:-2.5px;margin-top:17px}.hero-lede{font-size:13px;max-width:350px}.hero-actions{margin-top:20px;gap:5px}.hero-actions .button{padding:0 12px;min-height:42px;font-size:10px}.hero-proof{margin-top:19px}.hero-visual{min-height:300px;margin:0 -5px}.browser-card{max-width:410px}.mock-scene{height:204px}.tag-left{left:0;top:18px}.tag-right{right:0;bottom:17px}.float-tag{padding:7px 9px;gap:6px}.float-tag>span{width:22px;height:22px}.float-tag b{font-size:8px}.float-tag small{font-size:7px}.scene-corner{width:20px;height:20px}.scene-chip{top:14px;left:17px}.feature-strip{width:100%;padding:14px 10px;gap:5px}.feature-strip>div{gap:7px}.feature-icon{font-size:16px}.feature-strip b{font-size:8px}.feature-strip small{font-size:7px}.section{padding-top:50px}.section-heading h2{font-size:24px}.text-link{font-size:9px}.theme-grid.compact{grid-template-columns:repeat(2,1fr);gap:11px}.compact .theme-art{height:120px}.theme-card-copy{padding-top:9px}.theme-card-copy h3{font-size:11px}.theme-card-copy p{font-size:8px}.circle-arrow{width:25px;height:25px}.cta-band{margin-top:25px;margin-bottom:55px;padding:20px;align-items:flex-start;flex-direction:column}.cta-band h2{font-size:20px}.cta-band p{font-size:10px}.footer{padding:15px 17px;gap:10px;flex-wrap:wrap;font-size:8px}.footer>span:nth-child(2){display:none}.page-heading{padding-top:40px;padding-bottom:23px;align-items:flex-start;gap:16px}.page-heading h1{font-size:34px}.page-heading p{font-size:10px;line-height:1.5}.collection-count{padding:8px 10px;gap:7px}.collection-count b{font-size:20px}.collection-count span{font-size:7px}.browse-controls{align-items:stretch;flex-direction:column;gap:10px;padding-bottom:14px}.filter-row{max-width:100%;gap:3px}.filter-chip{padding:7px 10px;font-size:9px}.search-box{min-width:0}.search-box input{height:32px}.theme-grid{gap:17px 11px}.theme-art{height:130px;border-radius:10px}.art-frame{inset:9px}.art-label{left:16px;top:17px;font-size:6px}.art-center{gap:5px}.art-center small{font-size:6px}.art-center strong{font-size:14px;letter-spacing:1px}.art-center i{font-size:7px}.theme-card-copy h3{font-size:11px}.theme-card-copy p{max-width:130px}.dashboard-heading{align-items:flex-end}.dashboard-heading .button{font-size:9px;padding:0 10px;min-height:37px}.dashboard-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.saved-row{grid-template-columns:72px 1fr auto;gap:9px;min-height:83px}.saved-thumb{height:54px}.saved-thumb span{font-size:8px}.saved-info h3{font-size:10px}.saved-info p{font-size:8px}.saved-actions{gap:4px}.saved-actions .button{font-size:8px;padding:0 7px;min-height:29px}.saved-actions .icon-button{width:27px;height:27px}.connected-user{font-size:8px}.integration-panel{align-items:flex-start;flex-direction:column;padding:18px}.integration-panel h2{font-size:15px}.integration-panel p{font-size:9px}.modal{padding:26px 22px}.editor-topbar{height:56px;padding:0 12px;gap:9px}.editor-topbar .brand{font-size:12px}.editor-doc-title{font-size:8px;gap:5px;max-width:44vw;overflow:hidden}.editor-doc-title strong{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-state{display:none}.editor-actions{gap:4px}.editor-actions .button{font-size:8px;min-height:31px;padding:0 8px}.editor-main{display:flex;flex-direction:column}.editor-sidebar{order:2;border-right:0;border-top:1px solid #252b28;padding:17px}.editor-side-heading{margin-bottom:17px}.editor-sidebar .control-label{font-size:9px}.editor-sidebar .control-label input,.editor-sidebar .control-label select{height:35px}.preview-area{order:1;padding:14px 11px 18px;min-height:300px}.preview-toolbar,.canvas-wrap,.preview-hint,.obs-link-card{width:100%}.preview-tools{gap:8px}.preview-hint{font-size:8px}.obs-link-card{padding:9px}.obs-link-card code{font-size:7px}.obs-link-card .button{min-height:29px;font-size:8px;padding:0 8px}.control-pair{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}