@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_c20d2237-module__ke-IJq__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_c20d2237-module__ke-IJq__variable{--font-outfit:"Outfit", "Outfit Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.2f7nqdagzwx2-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.176arc174-8zp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.0bp8oijd_gu96.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.1fby2rem9ngyr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.0vfdmo25voy_0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_a8ab64c2-module__03LU4G__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_a8ab64c2-module__03LU4G__variable{--font-jetbrains-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07080a;--panel:#14181ea6;--panel-2:#1e242cd9;--line:#ffffff12;--text:#f9fafb;--muted:#9ca3af;--accent:#10b981;--accent-2:#8b5cf6;--danger:#f87171;--shadow:0 24px 80px #000000a6;font-family:var(--font-outfit), Inter, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}.app-shell{background:radial-gradient(circle at 5% 10%, #10b98112, transparent 35%), radial-gradient(circle at 95% 85%, #8b5cf612, transparent 40%), var(--bg);min-height:100vh;padding:20px;position:relative}.release-gate{background:linear-gradient(135deg, #34c6a31f, transparent 34%), radial-gradient(circle at 76% 20%, #f2b84b1f, transparent 24%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.release-panel{border:1px solid var(--line);background:var(--panel);width:min(620px,100%);box-shadow:var(--shadow);border-radius:8px;gap:16px;padding:28px;display:grid}.release-panel p{color:var(--muted);margin:0;line-height:1.6}.release-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.release-actions a{text-decoration:none}.release-actions code{border:1px solid var(--line);color:var(--muted);background:var(--panel-2);border-radius:6px;padding:8px 10px}.topbar{justify-content:space-between;align-items:center;gap:18px;max-width:1760px;margin:0 auto 18px;display:flex}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}h1,h2{letter-spacing:0;margin:0}h1{font-size:clamp(28px,4vw,48px);line-height:1}h2{font-size:16px}.signin-form,.auth-stack,.viewer-toolbar,.toolbar-actions,.editor-actions,.section-heading,.save-bar,.tabs{align-items:center;gap:10px;display:flex}.signin-form{flex-wrap:wrap;justify-content:flex-end}.auth-stack{justify-items:end;gap:8px;min-width:min(760px,100%);display:grid}.signin-form input{width:min(220px,100%)}.signin-form select{width:120px}.active-user{color:var(--muted);font-size:13px}.studio-layout{grid-template-columns:280px minmax(0,1fr) 430px;align-items:stretch;gap:16px;max-width:1760px;margin:0 auto;display:grid}.library-panel,.controls{border:1px solid var(--line);background:var(--panel);border-radius:8px;min-width:0}.library-panel{height:calc(100vh - 120px);padding:14px;overflow:auto}.section-heading{justify-content:space-between;margin-bottom:14px}.project-list{gap:10px;display:grid}.project-card{border:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:8px;gap:5px;padding:12px;display:grid}.project-card.active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.project-card strong,#currentProjectTitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-card span,.project-card small,#projectState{color:var(--muted);font-size:12px}.viewer-panel{min-width:0}.viewer-toolbar{justify-content:space-between;min-height:54px;margin-bottom:10px}.viewer-toolbar>div:first-child{gap:4px;min-width:0;display:grid}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.drop-zone{border:1px solid var(--line);height:calc(100vh - 190px);min-height:500px;box-shadow:var(--shadow);background:#0e1012;border-radius:8px;position:relative;overflow:hidden}.drop-zone.dragging{border-color:var(--accent)}canvas{width:100%;height:100%;display:block}.empty-state{text-align:center;pointer-events:none;color:var(--muted);place-content:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.empty-state strong{color:var(--text);font-size:22px}.hidden{display:none}.status-badge{max-width:calc(100% - 28px);color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111315c7;border:1px solid #ffffff1f;border-radius:6px;padding:8px 11px;font-size:13px;position:absolute;top:14px;left:14px}.model-stats{color:var(--muted);grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:12px 2px 0;font-size:13px;display:grid}.model-stats span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.controls{grid-template-rows:auto minmax(0,1fr) auto;height:calc(100vh - 120px);display:grid;overflow:hidden}.tabs{border-bottom:1px solid var(--line);background:#10121461;padding:10px}.tab{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;font-weight:800}.tab.active{border-color:var(--line);background:var(--panel-2);color:var(--text)}.tab-panel{min-height:0;padding:14px;display:none;overflow:auto}.tab-panel.active{align-content:start;gap:14px;display:grid}.control-group{gap:12px;display:grid}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}label{color:var(--muted);text-transform:uppercase;gap:6px;font-size:12px;font-weight:800;display:grid}.checkbox-list{gap:8px;display:grid}.checkbox-list label{color:var(--text);text-transform:none;align-items:center;display:flex}input,textarea,select{border:1.5px solid var(--line);width:100%;color:var(--text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e242c73;border-radius:8px;transition:border-color .2s,box-shadow .2s,background .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);background:#1e242ca6;outline:none;box-shadow:0 0 0 3px #10b98126}input,select{height:40px;padding:0 12px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}textarea{resize:vertical;min-height:420px;padding:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.5}.short-textarea{min-height:110px;font-family:inherit;font-size:14px}.scad-group{min-height:100%}.button,.icon-button{cursor:pointer;border:0;border-radius:6px;font-weight:800}.button{cursor:pointer;color:#030712;background:linear-gradient(135deg, var(--accent), #34d399);border:none;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 8px #10b98133}.button:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#10b981);transform:translateY(-1px);box-shadow:0 4px 16px #10b98159}.button.secondary{color:var(--text);border:1px solid var(--line);box-shadow:none;background:#ffffff08}.button.secondary:hover:not(:disabled){background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.button.compact{background:linear-gradient(135deg, var(--accent-2), #a78bfa);color:#fff;min-height:34px;padding:0 12px;box-shadow:0 2px 8px #8b5cf640}.button.compact:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#8b5cf6);box-shadow:0 4px 16px #8b5cf666}.icon-button{border:1px solid var(--line);width:34px;height:34px;color:var(--text);cursor:pointer;background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:inline-flex}.icon-button:hover:not(:disabled){background:#ffffff14;border-color:#fff3}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.4;box-shadow:none!important;transform:none!important}.save-bar{border-top:1px solid var(--line);justify-content:stretch;padding:12px}.save-bar .button{flex:1}@media (max-width:1220px){.studio-layout{grid-template-columns:240px minmax(0,1fr)}.controls{grid-column:1/-1;height:auto;min-height:520px}}@media (max-width:760px){.app-shell{padding:12px}.topbar,.studio-layout,.model-stats,.control-grid{grid-template-columns:1fr}.topbar,.studio-layout{display:grid}.signin-form,.viewer-toolbar{align-items:stretch}.auth-stack{justify-items:stretch}.signin-form input,.signin-form select{width:100%}.library-panel,.controls{height:auto}.drop-zone{height:56vh;min-height:340px}.tabs{overflow-x:auto}.tab{min-width:92px}}.chat-container{flex-direction:column;height:calc(100vh - 225px);min-height:420px;display:flex}.chat-history{border:1px solid var(--line);background:#0a0b0d80;border-radius:8px;flex-direction:column;flex:1;gap:12px;margin-bottom:12px;padding:12px;display:flex;overflow-y:auto}.chat-bubble{border-radius:8px;max-width:88%;padding:10px 14px;font-size:13px;line-height:1.5}.chat-bubble.user{background:var(--line);color:var(--text);border-bottom-right-radius:2px;align-self:flex-end}.chat-bubble.assistant{color:var(--text);background:#34c6a314;border:1px solid #34c6a333;border-bottom-left-radius:2px;align-self:flex-start}.chat-bubble.error{color:var(--danger);background:#ff6b6b14;border:1px solid #ff6b6b40;border-bottom-left-radius:2px;align-self:flex-start}.chat-bubble p{margin:0 0 6px}.chat-bubble p:last-child{margin-bottom:0}.code-diff{border:1px solid var(--line);white-space:pre-wrap;word-wrap:break-word;background:#090a0c;border-radius:6px;margin:6px 0;padding:8px 10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;overflow-x:auto}.diff-add{color:#34c6a3}.diff-del{color:#ff6b6b}.chat-input-bar{gap:8px;display:flex}.chat-input-bar input{flex:1}.chat-suggestions{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.suggestion-chip{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:12px;padding:4px 10px;font-size:11px;transition:all .2s}.suggestion-chip:hover{border-color:var(--accent);color:var(--text)}.main-header{z-index:100;background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);width:100%;padding:0 24px;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;gap:20px;max-width:1760px;height:64px;margin:0 auto;display:flex}.header-brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.header-logo{background:linear-gradient(135deg, var(--accent), #4cc8f2);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:18px;font-weight:800}.header-tagline{color:var(--muted);border-left:1px solid var(--line);padding-left:10px;font-size:11px;display:none}@media (min-width:640px){.header-tagline{display:inline}}.header-nav{gap:24px;display:flex}.header-nav-link{color:var(--muted);padding:6px 0;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.header-nav-link:hover{color:var(--text)}.header-nav-link.active{color:var(--accent)}.header-nav-link.active:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:0;left:0;right:0}.header-actions{align-items:center;gap:12px;display:flex}.landing-hero{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:80px 24px;display:flex}.hero-badge{color:var(--accent);letter-spacing:.5px;background:#34c6a31a;border:1px solid #34c6a333;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.landing-hero h1{letter-spacing:-1px;margin:0;font-size:clamp(36px,6vw,64px);font-weight:900;line-height:1.15}.gradient-text{background:linear-gradient(135deg, var(--text), var(--muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.accent-text{background:linear-gradient(135deg, var(--accent), #56e3bd);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.landing-hero p{color:var(--muted);max-width:720px;margin:0;font-size:clamp(16px,2.5vw,20px);line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px;display:flex}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1200px;margin:40px auto 80px;padding:0 24px;display:grid}.feature-card{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:12px;padding:32px;transition:transform .2s,border-color .2s}.feature-card:hover{border-color:#34c6a34d;transform:translateY(-4px)}.feature-icon{width:48px;height:48px;color:var(--accent);background:#34c6a31a;border-radius:10px;place-items:center;margin-bottom:20px;font-size:20px;display:grid}.feature-card h3{margin:0 0 10px;font-size:18px}.feature-card p{color:var(--muted);margin:0;line-height:1.5}.gallery-container{max-width:1760px;margin:0 auto;padding:32px 24px}.gallery-header{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}@media (min-width:768px){.gallery-header{flex-direction:row;justify-content:space-between;align-items:center}}.search-filter-bar{flex-wrap:wrap;flex:1;gap:12px;max-width:600px;display:flex}.search-input{flex:1;min-width:200px}.showcase-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.showcase-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;height:100%;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.showcase-card:hover{border-color:#34c6a34d;transform:translateY(-4px);box-shadow:0 12px 30px #00000040}.card-preview{border-bottom:1px solid var(--line);background:#090a0c;justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.card-preview img{object-fit:cover;width:100%;height:100%}.card-preview-fallback{color:var(--muted);flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}.card-info{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.card-title-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600;overflow:hidden}.card-description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:36px;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.card-meta{color:var(--muted);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;font-size:12px;display:flex}.card-author{align-items:center;gap:6px;display:flex}.author-avatar{background:var(--panel-2);border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:grid}.card-stats{align-items:center;gap:12px;display:flex}.stat-item{align-items:center;gap:4px;display:flex}.remix-indicator{color:var(--accent-2);background:#f2b84b1a;border:1px solid #f2b84b33;border-radius:4px;padding:2px 6px;font-size:10px;display:inline-block}.detail-container{grid-template-columns:1fr;gap:32px;max-width:1400px;margin:0 auto;padding:32px 24px;display:grid}@media (min-width:1024px){.detail-container{grid-template-columns:3fr 2fr}}.detail-view-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;height:min(600px,80vh);display:flex;overflow:hidden}.detail-viewer-canvas{background:#090a0c;flex:1;position:relative}.detail-info-panel{flex-direction:column;gap:24px;display:flex}.detail-header{border-bottom:1px solid var(--line);padding-bottom:24px}.detail-header h1{margin:0 0 8px;font-size:28px;font-weight:800}.detail-author-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.detail-stats-row{color:var(--muted);gap:20px;font-size:14px;display:flex}.detail-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.detail-actions .button{justify-content:center}.detail-section{flex-direction:column;gap:8px;display:flex}.detail-section h2{color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:16px}.detail-section p{color:var(--muted);margin:0;line-height:1.5}.code-viewer-panel{border:1px solid var(--line);white-space:pre-wrap;background:#090a0c;border-radius:8px;max-height:250px;padding:16px;font-family:monospace;font-size:12px;overflow-y:auto}.like-button-active{color:var(--danger)!important;border-color:var(--danger)!important;background:#ff6b6b0d!important}.controls{position:relative}.editor-lock-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;z-index:10;background:#0f1114e0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:0}.lock-title{color:var(--text);margin:16px 0 8px;font-size:18px;font-weight:700}.lock-description{color:var(--muted);margin:0 0 24px;font-size:13px;line-height:1.6}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8fafc;--panel:#ffffffbf;--panel-2:#f1f5f9e6;--line:#0f172a14;--text:#0f172a;--muted:#64748b;--accent:#059669;--accent-2:#7c3aed;--danger:#ef4444;--shadow:0 20px 50px #0f172a0f}[data-theme=light] .app-shell{background:radial-gradient(circle at 5% 10%, #10b9810a, transparent 35%), radial-gradient(circle at 95% 85%, #8b5cf60a, transparent 40%), var(--bg)}[data-theme=light] .editor-lock-overlay{background:#ffffffeb}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{color:#0f172a;background:#ffffffb3}[data-theme=light] input:focus,[data-theme=light] textarea:focus,[data-theme=light] select:focus{background:#fffffff2}[data-theme=light] .tab.active{background:#ffffffe6!important}[data-theme=light] .button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#059669);box-shadow:0 4px 16px #05966940}[data-theme=light] .button.secondary{color:var(--text);background:#00000005}[data-theme=light] .button.secondary:hover:not(:disabled){background:#0000000f;border-color:#00000026}
