@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";html,body,#root{min-height:100%}body{margin:0}:root{color:#edeaf4;font-synthesis:none;text-rendering:optimizelegibility;--ink:#edeaf4;--muted:#8c879b;--panel:#14131d;--panel-2:#1b1926;--line:#2b2838;--orange:#ff7043;--gold:#ffc857;--teal:#2ec4b6;--navy:#101b34;background:#0b0b12;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{background:#0b0b12}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.app-shell{background:radial-gradient(circle at 50% -20%,#272039 0,#0b0b12 37%);min-height:100vh}.sidebar{z-index:20;border-right:1px solid var(--line);background:#0e0d15;flex-direction:column;width:252px;padding:24px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 8px 28px;font-family:Chakra Petch,sans-serif;display:flex}.brand-cube{color:#19121a;background:linear-gradient(145deg, var(--gold), var(--orange));clip-path:polygon(24% 0,76% 0,100% 24%,100% 76%,76% 100%,24% 100%,0 76%,0 24%);filter:drop-shadow(0 5px 10px #ff70433b);place-items:center;width:43px;height:43px;display:grid}.brand strong{letter-spacing:1.5px;font-size:17px;display:block}.brand span{color:#777183;letter-spacing:2.2px;margin-top:1px;font-size:8px;display:block}.side-heading{color:#625d6d;letter-spacing:1.7px;justify-content:space-between;align-items:center;padding:0 8px 9px;font:600 10px/1 Chakra Petch;display:flex}.side-heading button,.icon-btn{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.project-list{gap:5px;display:grid}.project-list button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 9px;display:flex}.project-list button:hover{background:#17151f}.project-list button.active{box-shadow:inset 3px 0 var(--orange);background:linear-gradient(90deg,#24202c,#17151f);border-color:#373142}.project-voxel{width:34px;height:34px;color:var(--gold);background:#26212b;border-radius:5px;flex:none;place-items:center;display:grid}.project-list strong,.project-list small{text-overflow:ellipsis;white-space:nowrap;max-width:148px;display:block;overflow:hidden}.project-list strong{font-size:13px}.project-list small{color:#716b7b;margin-top:2px;font-size:10px}.new-project{color:#928b9d;cursor:pointer;background:0 0;border:1px dashed #35313e;border-radius:7px;justify-content:center;align-items:center;gap:7px;margin-top:12px;padding:10px;font-size:12px;display:flex}.new-project:hover{color:var(--gold);border-color:#68573a}.provider-card{background:#14121a;border:1px solid #282532;border-radius:8px;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.provider-orbit{width:31px;height:31px;color:var(--teal);background:#16302e;border-radius:50%;place-items:center;display:grid}.provider-card small,.provider-card strong{display:block}.provider-card small{color:#696475;letter-spacing:1px;font:600 8px/1 Chakra Petch}.provider-card strong{margin-top:4px;font-size:12px}.online-dot{background:#4ce0a9;border-radius:50%;width:7px;height:7px;margin-left:auto;box-shadow:0 0 0 3px #4ce0a91c,0 0 9px #4ce0a9}main{min-height:100vh;margin-left:252px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#0e0d15db;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex;position:sticky;top:0}.breadcrumb span,.breadcrumb strong{display:block}.breadcrumb span{color:#655f70;letter-spacing:1.8px;font:600 9px/1 Chakra Petch}.breadcrumb strong{margin-top:5px;font:600 15px/1.2 Chakra Petch}.top-actions,.filter-row,.palette-row,.empty-studio>div{align-items:center;gap:9px;display:flex}.usage-pill{background:#15131c;border:1px solid #302b39;border-radius:7px;grid-template-columns:auto 1fr;align-items:center;column-gap:7px;padding:7px 10px;display:grid}.usage-pill svg{color:var(--gold);grid-row:1/3}.usage-pill span{color:#d4cfda;font-size:9px}.usage-pill small{color:#756f80;font-size:8px}.primary,.secondary,.forge-button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:0 15px;font-size:12px;font-weight:700;display:inline-flex}.primary{color:#1b1110;background:linear-gradient(#ff875f,#ff693b);border:1px solid #ff845e;box-shadow:0 5px 20px #ff6b3d24}.secondary{background:#191720;border:1px solid #393442}.primary:disabled,.secondary:disabled,.forge-button:disabled{opacity:.45;cursor:not-allowed}.workspace{max-width:1480px;margin:0 auto;padding:30px 34px 80px}.project-banner{clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% 100%,0 100%);background:#16131d;border:1px solid #37303f;align-items:flex-end;min-height:275px;padding:35px 38px;display:flex;position:relative;overflow:hidden}.project-banner:after{content:"";pointer-events:none;background:linear-gradient(90deg,#13111be8 0%,#13111bb0 34%,#13111b18 68%,#13111bc9 100%);position:absolute;inset:0}.project-banner img{object-fit:cover;object-position:62% 49%;filter:saturate(.88)contrast(1.05);width:72%;height:126%;position:absolute;inset:-12% 0 auto auto}.banner-copy,.banner-stats{z-index:1;position:relative}.banner-copy{max-width:560px}.eyebrow{color:var(--gold);letter-spacing:2px;align-items:center;gap:7px;font:600 9px/1 Chakra Petch;display:flex}.eyebrow>span{background:var(--orange);width:20px;height:2px}h1,h2{font-family:Chakra Petch,sans-serif}.banner-copy h1{letter-spacing:-1.5px;margin:14px 0 8px;font-size:clamp(30px,4vw,50px);line-height:.98}.banner-copy p{color:#b0aabd;max-width:520px;margin:0;font-size:13px;line-height:1.55}.palette-row{margin-top:20px}.palette-row i{border:2px solid #ffffff24;width:16px;height:16px;transform:rotate(45deg);box-shadow:0 2px 7px #0008}.palette-row button{color:#aaa4b3;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #5a5360;margin-left:5px;padding:0;font-size:11px}.banner-stats{align-self:center;gap:1px;margin-left:auto;display:grid}.banner-stats span{color:#8e8798;text-transform:uppercase;letter-spacing:.8px;background:#0e0d16c7;border-left:2px solid #44394a;width:104px;padding:11px 12px;font-size:9px}.banner-stats strong{color:#fff;font:600 22px/1 Chakra Petch;display:block}.library-toolbar{justify-content:space-between;align-items:end;margin:34px 0 18px;display:flex}.section-kicker{color:var(--orange);letter-spacing:2px;font:600 9px/1 Chakra Petch}.library-toolbar h2{margin:6px 0 0;font-size:22px}.filter-row{border:1px solid var(--line);background:#111019;border-radius:8px;padding:4px}.filter-row button{color:#817b8b;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;min-height:31px;padding:0 10px;font-size:10px;display:flex}.filter-row button.active{color:#fff;background:#292532}.filter-row button.refresh{border-left:1px solid #2c2835;border-radius:0;padding:0 8px}.asset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.asset-card,.create-tile{border:1px solid var(--line);background:#14131c;border-radius:8px;min-width:0;overflow:hidden}.asset-card:hover{border-color:#4a4354;transition:all .2s;transform:translateY(-2px)}.asset-preview{aspect-ratio:1/.78;background:#0d0c13;position:relative;overflow:hidden}.asset-preview img,.asset-preview video{object-fit:cover;width:100%;height:100%;display:block}.asset-type{color:#fff;letter-spacing:1px;background:#0b0a11d9;border:1px solid #ffffff20;border-radius:3px;padding:4px 6px;font:600 8px/1 Chakra Petch;position:absolute;top:9px;left:9px}.asset-actions{opacity:0;gap:5px;transition:opacity .2s;display:flex;position:absolute;inset:8px 8px auto auto}.asset-preview:hover .asset-actions{opacity:1}.asset-actions a,.asset-actions button{color:#fff;cursor:pointer;background:#0b0a11df;border:1px solid #fff2;border-radius:5px;place-items:center;width:29px;height:29px;display:grid}.asset-state{text-align:center;height:100%;color:var(--orange);place-content:center;justify-items:center;gap:7px;padding:20px;display:grid}.asset-state strong{color:#fff;font-size:12px}.asset-state small{color:#777181;max-width:220px;font-size:10px}.asset-card.failed .asset-state{color:#ff5d67}.asset-meta{padding:11px 12px 12px}.asset-meta strong,.asset-meta span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.asset-meta strong{font-size:11px}.asset-meta span{color:#6f6979;margin-top:5px;font-size:9px}.create-tile{color:#8b8596;cursor:pointer;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;min-height:228px;display:flex}.create-tile span{width:45px;height:45px;color:var(--gold);background:#26212b;place-items:center;margin-bottom:10px;display:grid;transform:rotate(45deg)}.create-tile span svg{transform:rotate(-45deg)}.create-tile strong{color:#c2bdca;font-size:11px}.create-tile small{color:#6a6473;margin-top:5px;font-size:9px}.empty-studio{text-align:center;background:radial-gradient(circle,#201a29,#100f17 60%);border:1px dashed #373240;flex-direction:column;justify-content:center;align-items:center;min-height:335px;display:flex}.empty-voxel{width:67px;height:67px;color:var(--gold);background:linear-gradient(145deg,#342a2a,#211c28);place-items:center;transform:rotate(45deg);box-shadow:8px 8px #0d0c13;display:grid!important}.empty-voxel svg{transform:rotate(-45deg)}.empty-studio>span{color:var(--orange);letter-spacing:2px;margin-top:28px;font:600 8px/1 Chakra Petch}.empty-studio h2{margin:8px 0;font-size:24px}.empty-studio p{color:var(--muted);margin:0 0 20px;font-size:12px}.drawer-backdrop,.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05040aaa;position:fixed;inset:0}.drawer-backdrop{justify-content:flex-end;display:flex}.generator-drawer{background:#111018;border-left:1px solid #393341;width:min(470px,100%);height:100%;padding:28px;overflow-y:auto;box-shadow:-30px 0 80px #0008}.drawer-head,.modal-head{justify-content:space-between;align-items:center;display:flex}.drawer-head span{color:var(--orange);letter-spacing:2px;font:600 8px/1 Chakra Petch}.drawer-head h2,.modal-head h2{margin:6px 0 0;font-size:25px}.icon-btn{color:#8d8798;border:1px solid #312d39;border-radius:7px;width:37px;height:37px}.type-switch{grid-template-columns:1fr 1fr;gap:9px;margin:25px 0 21px;display:grid}.type-switch button{color:#746e7f;text-align:left;cursor:pointer;background:#17151e;border:1px solid #302c38;border-radius:7px;align-items:center;gap:10px;padding:13px;display:flex}.type-switch button.active{color:var(--gold);box-shadow:inset 0 -2px var(--orange);background:#241d20;border-color:#7b5a34}.type-switch svg{width:23px}.type-switch strong,.type-switch small{display:block}.type-switch strong{color:#fff;font-size:12px}.type-switch small{color:#766f7d;margin-top:3px;font-size:9px}.field{gap:7px;margin-bottom:16px;display:grid}.field>span,.modal-form label{color:#aca6b5;font-size:10px;font-weight:600}.field textarea,.field input,.field select,.modal-form input,.modal-form textarea{color:#fff;background:#0d0c13;border:1px solid #35303d;border-radius:6px;width:100%}.field textarea{resize:vertical;min-height:135px;padding:12px;line-height:1.5}.field input,.field select,.modal-form input{height:42px;padding:0 11px}.field select{padding:0 10px}.field small{color:#686272;font-size:9px;line-height:1.4}.format-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.format-options button{color:#8b8494;cursor:pointer;background:#15131c;border:1px solid #312d39;border-radius:7px;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-width:0;min-height:105px;padding:10px 7px;display:flex}.format-options button.active{color:var(--gold);box-shadow:inset 0 -2px var(--orange);background:#251d20;border-color:#8b6238}.format-options i{background:#211e29;border:2px solid;width:30px;max-height:43px;display:block}.format-options strong{color:#eee9f2;font-size:10px}.format-options small{text-align:center;font-size:7px;line-height:1.25}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.essence-note{color:var(--teal);background:#122321;border:1px solid #23423f;border-radius:6px;gap:10px;margin:4px 0 20px;padding:12px;display:flex}.essence-note strong{color:#c8f4ef;font-size:10px}.essence-note p{color:#82a9a5;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:9px;line-height:1.45;display:-webkit-box;overflow:hidden}.forge-button{color:#1d1110;background:linear-gradient(90deg, var(--orange), var(--gold));border:1px solid #ff966e;width:100%;height:48px}.modal-backdrop{place-items:center;padding:20px;display:grid}.modal{background:#15131c;border:1px solid #3b3544;border-radius:10px;width:min(540px,100%);max-height:90vh;padding:25px;overflow-y:auto;box-shadow:0 30px 80px #000b}.modal-form{gap:15px;margin-top:23px;display:grid}.modal-form label{gap:7px;display:grid}.modal-form textarea{resize:vertical;min-height:110px;padding:11px}.palette-editor{gap:10px;display:grid}.palette-editor-head{color:#aca6b5;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;display:flex}.palette-editor-head button{color:var(--gold);cursor:pointer;background:#241e1d;border:1px solid #59472f;border-radius:5px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:inline-flex}.color-pickers{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.color-picker{background:#0d0c13;border:1px solid #35303d;border-radius:6px;align-items:center;gap:8px;padding:7px;display:flex}.color-picker input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:4px;width:35px;height:35px;padding:0}.color-picker code{color:#bdb7c6;flex:1;font:10px/1 Chakra Petch}.color-picker button{color:#807989;cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;display:grid}.auth-loading{min-height:100vh;color:var(--gold);background:#0b0b12;place-items:center;display:grid}.login-screen{background:#0b0b12;grid-template-columns:minmax(0,1.4fr) minmax(360px,.6fr);min-height:100vh;margin:0;display:grid}.login-art{align-items:flex-end;min-height:100vh;padding:8vw;display:flex;position:relative;overflow:hidden}.login-art:after{content:"";background:linear-gradient(0deg,#0b0b12f2 0,#0b0b125c 50%,#0b0b1238),linear-gradient(90deg,#0000,#0b0b12);position:absolute;inset:0}.login-art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.login-art>div{z-index:1;max-width:600px;position:relative}.login-art span,.login-copy>span{color:var(--orange);letter-spacing:2px;font:600 9px/1 Chakra Petch}.login-art h1{margin:14px 0;font-size:clamp(42px,6vw,76px);line-height:.93}.login-art p{color:#b4adbb;font-size:14px}.login-panel{border-left:1px solid var(--line);background:#100f17;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,72px);display:flex}.login-brand{padding:0 0 60px}.login-copy h2{margin:10px 0 6px;font-size:28px}.login-copy p{color:#7e7888;margin:0;font-size:12px}.login-form{gap:17px;margin-top:30px;display:grid}.login-form label{color:#aaa4b3;gap:7px;font-size:10px;font-weight:600;display:grid}.login-form input{color:#fff;background:#0b0a11;border:1px solid #37323f;border-radius:6px;height:45px;padding:0 12px}.login-error{color:#ff7b83;margin:0;font-size:10px}.login-security{color:#5f5969;text-align:center;margin-top:20px;font-size:8px}.toast{z-index:100;color:#201714;cursor:pointer;background:#ffc857;border:1px solid #ffb26e;border-radius:7px;align-items:center;gap:15px;max-width:min(420px,100vw - 32px);padding:12px 14px;font-size:11px;font-weight:700;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 40px #0008}.spin{animation:1s linear infinite spin}.mobile-menu,.mobile-close{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1150px){.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-banner img{width:78%}}@media (width<=900px){.sidebar{transition:transform .25s;transform:translate(-100%);box-shadow:25px 0 60px #000c}.sidebar.open{transform:translate(0)}main{margin-left:0}.mobile-menu,.mobile-close{display:grid}.mobile-close{margin-left:auto}.topbar{padding:0 20px}.breadcrumb{margin-left:12px;margin-right:auto}.workspace{padding-inline:20px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-pill{display:none}.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-panel{border:0;min-height:100vh}}@media (width<=620px){.topbar{height:66px}.top-actions .secondary{display:none}.top-actions .primary{padding-inline:12px}.breadcrumb span{display:none}.breadcrumb strong{margin:0;font-size:13px}.workspace{padding:16px 14px 65px}.project-banner{align-items:flex-end;min-height:350px;padding:24px 21px}.project-banner img{object-position:center 45%;width:100%;height:66%;inset:0}.project-banner:after{background:linear-gradient(#13111b21 0%,#13111be8 56%,#13111bf7 100%)}.banner-copy h1{font-size:33px}.banner-stats{display:flex;position:absolute;top:13px;right:12px}.banner-stats span{width:auto;min-width:62px;padding:7px}.banner-stats strong{font-size:16px}.library-toolbar{flex-direction:column;align-items:flex-start;gap:16px}.filter-row{width:100%;overflow-x:auto}.filter-row button{flex:none}.asset-grid{grid-template-columns:1fr}.asset-preview{aspect-ratio:1.2}.asset-actions{opacity:1}.empty-studio{min-height:300px;padding:25px 18px}.empty-studio>div:last-child{flex-direction:column;width:100%}.empty-studio button{width:100%}.generator-drawer{padding:22px 18px}.field-grid{grid-template-columns:1fr;gap:0}.format-options{grid-template-columns:1fr}.format-options button{flex-direction:row;justify-content:flex-start;min-height:68px;padding:10px 14px}.format-options button small{text-align:right;max-width:105px;margin-left:auto}.color-pickers{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}