@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink: #151714;--muted: #6f746d;--line: #dedfd8;--line-dark: #c9cbc3;--paper: #f6f6f2;--panel: #ffffff;--night: #131614;--lime: #b9ff66;--lime-dark: #8ddb3a;--orange: #ff795e;--shadow: 0 16px 45px rgba(31, 35, 27, .09)}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden;color:var(--ink);background:var(--paper);font-family:Manrope,system-ui,sans-serif;font-size:13px}button,input,select{color:inherit;font:inherit}button{cursor:pointer}.icon{display:block;flex:0 0 auto}.app-shell{display:grid;grid-template-rows:64px 1fr;height:100%}.topbar{position:relative;z-index:20;display:grid;grid-template-columns:240px 1fr auto;align-items:center;padding:0 18px 0 20px;background:#fbfbf8;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;width:fit-content;padding:0;border:0;background:none;font-size:19px;font-weight:800;letter-spacing:-.8px}.brand>span:last-child span{color:#7d8279;font-weight:500}.brand-mark{display:grid;width:34px;height:34px;place-items:center;color:var(--night);background:var(--lime);border:1px solid #9ee14d;border-radius:9px;transform:rotate(-2deg)}.view-tabs{display:flex;align-self:stretch;justify-self:center;gap:24px}.view-tab{position:relative;padding:0 3px;border:0;color:#777b74;background:none;font-weight:700}.view-tab.active{color:var(--ink)}.view-tab.active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;content:"";background:var(--ink)}.new-pill{display:inline-grid;height:18px;min-width:18px;margin-left:4px;padding:0 4px;place-items:center;color:#4d6d23;background:#e5ffc6;border-radius:9px;font:500 9px DM Mono}.top-actions{display:flex;align-items:center;gap:9px}.history-actions{display:flex;gap:2px;padding-right:7px;border-right:1px solid var(--line)}.icon-btn{display:inline-grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid var(--line);background:#fff;border-radius:8px;transition:.18s ease}.icon-btn:hover{border-color:#b8bbb2;background:#f1f2ed;transform:translateY(-1px)}.icon-btn.muted{border:0;color:#868b82;background:transparent}.btn{display:flex;height:36px;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--line-dark);border-radius:8px;font-weight:700}.btn.secondary{background:#fff}.btn.primary{color:#fff;background:var(--night);border-color:var(--night)}.btn.primary:hover{color:var(--night);background:var(--lime);border-color:#9be14a}.save-status{display:flex;align-items:center;gap:6px;margin:0 4px;color:#777b75;font-size:11px;font-weight:600;white-space:nowrap}.save-status i{width:7px;height:7px;background:#7dcf37;border-radius:50%}.save-status i.saving{background:#f4b84a}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:0}.sidebar{display:flex;min-height:0;flex-direction:column;padding:17px 12px 12px;background:#f0f1ec;border-right:1px solid var(--line);overflow-y:auto}.new-project{display:flex;width:100%;height:39px;align-items:center;gap:8px;padding:0 11px;color:#111;background:var(--lime);border:1px solid #a2e951;border-radius:8px;font-weight:800;box-shadow:0 2px #91cf4b}.new-project:hover{filter:brightness(.97);transform:translateY(-1px)}kbd{padding:2px 5px;color:#747970;background:#fff;border:1px solid #d6d8d1;border-bottom-width:2px;border-radius:4px;font:500 9px DM Mono}.new-project kbd{margin-left:auto;color:#587b31;background:#ffffff80;border-color:#4d78192e}.side-section{margin-top:24px}.side-label{margin:0 10px 8px;color:#8a8e86;font:500 9px DM Mono;letter-spacing:1.2px;text-transform:uppercase}.side-item{display:flex;width:100%;height:36px;align-items:center;gap:10px;padding:0 10px;color:#5e635b;background:transparent;border:0;border-radius:7px;text-align:left;font-size:12px;font-weight:650}.side-item:hover{color:var(--ink);background:#e7e8e2}.side-item.active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #23261f0f}.side-item>span{margin-left:auto;color:#9a9e96;font:500 9px DM Mono}.side-item .icon{color:#858a81}.side-item.active .icon{color:#343831}.category-nav{margin-top:20px;padding-top:20px;border-top:1px solid #dfe0da}.side-spacer{flex:1;min-height:18px}.storage-card{margin:0 4px 10px;padding:12px;background:#e7e9e2;border:1px solid #dbddd4;border-radius:8px}.storage-card>div:first-child{display:flex;justify-content:space-between;color:#656a62;font-size:10px;font-weight:700}.storage-track{height:3px;margin:9px 0;overflow:hidden;background:#d2d5cc;border-radius:3px}.storage-track i{display:block;width:24%;height:100%;background:#7e8579}.storage-card small{color:#8b8f87;font-size:9px}.help{border-top:1px solid #dfe0da;border-radius:0}.profile{display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:8px;margin-top:4px;padding:10px 8px 2px;border-top:1px solid #dfe0da}.avatar{display:grid;width:30px;height:30px;place-items:center;color:#fff;background:var(--night);border-radius:50%;font-size:9px;font-weight:800}.profile strong,.profile span{display:block}.profile strong{font-size:10px}.profile span{margin-top:1px;color:#92968e;font-size:9px}.main-content{position:relative;min-width:0;min-height:0;overflow:hidden}.page-view{display:none;height:100%;min-height:0}.page-view.active{display:flex}.studio-view{flex-direction:column}.studio-head{display:flex;height:70px;flex:0 0 70px;align-items:center;justify-content:space-between;padding:0 18px 0 24px;background:#fff;border-bottom:1px solid var(--line)}.eyebrow{color:#8a8f86;font:500 9px DM Mono;letter-spacing:1.35px}.project-title-row{display:flex;align-items:center;gap:8px;margin-top:3px}.project-name{width:300px;padding:0;border:0;outline:none;background:transparent;font-size:17px;font-weight:750;letter-spacing:-.3px}.project-name:focus{box-shadow:0 1px var(--ink)}.draft-tag{padding:3px 5px;color:#7a7e77;background:#f0f1ec;border-radius:3px;font:500 8px DM Mono;letter-spacing:.5px}.stage-tools{display:flex;align-items:center;gap:8px}.segmented{display:flex;padding:3px;background:#f0f1ed;border:1px solid #e0e2dc;border-radius:8px}.segmented button{display:flex;height:28px;align-items:center;gap:5px;padding:0 9px;color:#80857c;background:transparent;border:0;border-radius:5px;font-size:10px;font-weight:700}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #00000014}.studio-body{display:grid;grid-template-columns:minmax(400px,1fr) 280px;min-height:0;flex:1}.canvas-column{display:grid;grid-template-rows:minmax(290px,1fr) 137px;min-width:0;min-height:0;background:#e8e9e4}.stage-wrap{position:relative;min-height:0;overflow:hidden;background:#f0f0ec}#stage{display:block;width:100%;height:100%}.external-stage{position:absolute;z-index:0;inset:0;display:none;background:#ecece7}.external-stage.active{display:block}.external-stage.loading:after{position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px;content:"";border:2px solid #d2d5cd;border-top-color:#6e746a;border-radius:50%;animation:connector-spin .8s linear infinite}.external-stage spline-viewer,.external-stage .lottie-stage{display:block;width:100%;height:100%}.external-stage.lottie-background{padding:8%;background:radial-gradient(circle at 50% 45%,#fff 0,#f0f1ec 62%,#e1e3db)}@keyframes connector-spin{to{transform:rotate(360deg)}}.stage-badge{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:6px;padding:6px 8px;color:#62675f;background:#ffffffbd;border:1px solid rgba(190,193,184,.7);border-radius:5px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font:500 8px DM Mono;letter-spacing:.65px}.stage-badge i{width:6px;height:6px;background:#8cdb40;border-radius:50%;box-shadow:0 0 0 3px #8cdb402b}.stage-hint{position:absolute;right:15px;bottom:14px;color:#777c74;font:500 8px DM Mono}.add-object-fab{position:absolute;bottom:14px;left:14px;display:flex;height:33px;align-items:center;gap:6px;padding:0 11px;color:#fff;background:#141614e6;border:0;border-radius:7px;font-size:10px;font-weight:700;box-shadow:0 6px 18px #00000024}.add-object-fab:hover{color:#161916;background:var(--lime)}.axis-widget{position:absolute;top:17px;right:20px;width:48px;height:48px;opacity:.7;font:500 7px DM Mono}.axis-widget i{position:absolute;top:22px;left:22px;width:5px;height:5px;background:#555;border-radius:50%}.axis-widget:before,.axis-widget:after{position:absolute;top:24px;left:24px;width:21px;height:1px;content:"";background:#ef6954;transform:rotate(-20deg);transform-origin:left}.axis-widget:after{width:20px;background:#5aa3ef;transform:rotate(205deg)}.axis-widget b{position:absolute;font-weight:600}.axis-y{top:0;left:21px;color:#58a64b}.axis-z{left:0;bottom:5px;color:#548dcc}.axis-x{right:0;bottom:11px;color:#d75c4d}.timeline{background:#fff;border-top:1px solid var(--line)}.timeline-controls{display:flex;height:44px;align-items:center;gap:7px;padding:0 12px;border-bottom:1px solid #e7e8e2}.timeline-controls .icon-btn{width:28px;height:28px;border:0;background:transparent}.play-btn{display:grid;width:28px;height:28px;padding:0;place-items:center;color:#fff;background:var(--night);border:0;border-radius:50%}#time-label{margin-left:3px;color:#747970;font:500 9px DM Mono}.timeline-spacer{flex:1}.timeline-controls label{display:flex;align-items:center;gap:6px;color:#757a72;font-size:9px;font-weight:700}.timeline-controls label input{display:none}.timeline-controls label i{position:relative;width:26px;height:14px;background:#cfd2c9;border-radius:9px}.timeline-controls label i:after{position:absolute;top:2px;left:2px;width:10px;height:10px;content:"";background:#fff;border-radius:50%;transition:.2s}.timeline-controls label input:checked+i{background:#85c844}.timeline-controls label input:checked+i:after{transform:translate(12px)}.timeline-controls select{height:27px;padding:0 6px;background:#f6f7f3;border:1px solid var(--line);border-radius:5px;font:500 9px DM Mono}.timeline-ruler{display:grid;grid-template-columns:145px 1fr;height:92px}.track-label{display:flex;align-items:center;gap:7px;padding:0 12px;border-right:1px solid #e7e8e2;color:#63685f;font-size:10px}.track-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-label .icon{margin-left:auto;color:#999d96}.object-dot{width:8px;height:8px;background:var(--lime-dark);border-radius:2px;transform:rotate(12deg)}.ruler-area{position:relative;margin:0 18px;cursor:crosshair}.tick-labels{display:flex;height:27px;align-items:center;justify-content:space-between;color:#a0a49c;font:500 8px DM Mono}.ruler-line{position:absolute;top:45px;right:0;left:0;height:3px;background:#e5e6e0;border-radius:3px}.ruler-line:before{display:block;width:52%;height:100%;content:"";background:#b3ef6b}.keyframe{position:absolute;top:40px;width:12px;height:12px;background:#fff;border:2px solid #6c7268;transform:rotate(45deg);border-radius:2px}.k1{left:0}.k2{left:50%}.k3{right:0}.playhead{position:absolute;top:25px;bottom:0;left:0;width:1px;background:#f06f59;pointer-events:none}.playhead i{position:absolute;top:0;left:-4px;width:9px;height:9px;background:#f06f59;clip-path:polygon(0 0,100% 0,50% 100%)}.property-panel{min-height:0;background:#fbfbf9;border-left:1px solid var(--line);overflow-y:auto}.panel-tabs{display:grid;grid-template-columns:1fr 1fr;height:40px;border-bottom:1px solid var(--line)}.panel-tabs button{position:relative;background:none;border:0;color:#93978f;font-size:10px;font-weight:700}.panel-tabs button.active{color:var(--ink)}.panel-tabs button.active:after{position:absolute;right:25px;bottom:-1px;left:25px;height:2px;content:"";background:var(--ink)}.selected-object{display:grid;grid-template-columns:44px 1fr 30px;align-items:center;gap:10px;padding:12px;background:#fff;border-bottom:1px solid var(--line)}.selected-object strong,.selected-object span{display:block}.selected-object strong{font-size:11px}.selected-object span{margin-top:2px;color:#999d95;font-size:9px}.selected-object .icon-btn{width:28px;height:28px;border:0;background:transparent;color:#8d9289}.mini-preview{position:relative;display:grid;width:42px;height:42px;place-items:center;overflow:hidden;background:#eaf5d8;border-radius:7px}.mini-shape{width:20px;height:20px;background:#b8ff65;box-shadow:inset -5px -5px 10px #0000001f;transform:rotate(25deg);border-radius:4px}.mini-shape.sphere{border-radius:50%}.mini-shape.torus{background:transparent;border:6px solid #9fe8ff;border-radius:50%}.mini-shape.torusKnot{border-radius:50% 25%;background:#ff8067}.mini-shape.cone{clip-path:polygon(50% 0,100% 100%,0 100%)}.mini-shape.capsule{border-radius:15px}.mini-shape.stack{box-shadow:8px 6px #ff8067,-5px -6px #ffd766}.property-section{border-bottom:1px solid var(--line)}.property-heading{display:flex;width:100%;height:39px;align-items:center;justify-content:space-between;padding:0 13px;background:transparent;border:0;font-size:10px;font-weight:800}.property-heading .icon{transition:.2s}.property-section.open .property-heading .icon{transform:rotate(90deg)}.property-content{display:none;padding:2px 13px 14px}.property-section.open .property-content{display:block}.field-label{margin:8px 0 5px;color:#8f938c;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.vector-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.vector-row label{position:relative;display:flex;height:30px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:5px}.vector-row i{display:grid;width:22px;height:100%;place-items:center;color:#e55f52;background:#fff1ee;border-right:1px solid #f1d9d4;font-style:normal;font:600 8px DM Mono}.vector-row i.y{color:#609c4e;background:#eff8eb;border-color:#dcebd5}.vector-row i.z{color:#4f83b1;background:#ecf4fb;border-color:#d4e5f2}.vector-row input{width:100%;min-width:0;padding:0 3px;text-align:center;background:transparent;border:0;outline:0;font:500 9px DM Mono}.vector-row em{padding-right:4px;color:#aaa;font-style:normal;font-size:9px}.scale-row,.material-row{display:flex;min-height:34px;align-items:center;gap:10px;margin-top:7px}.scale-row>span,.material-row>span{color:#737870;font-size:9px;font-weight:650}.scale-row input{min-width:0;flex:1;accent-color:#72776e}.scale-row output{width:38px;text-align:right;color:#60655d;font:500 9px DM Mono}.color-field{display:flex;height:32px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}.color-field input{position:absolute;opacity:0;pointer-events:none}.color-field i{width:19px;height:19px;margin:0 8px;background:var(--lime);border:1px solid rgba(0,0,0,.1);border-radius:5px}.color-field span{font:500 9px DM Mono}.color-field:after{margin-left:auto;margin-right:9px;color:#9da199;content:"Edit";font-size:8px}.material-row select{margin-left:auto;width:115px;height:28px;padding:0 6px;background:#fff;border:1px solid var(--line);border-radius:5px;font-size:9px}.material-row input[type=range]{min-width:0;flex:1;accent-color:#777c73}.wide-select{width:100%;height:32px;padding:0 8px;background:#fff;border:1px solid var(--line);border-radius:6px;font-size:9px}.duration-input{display:flex;width:76px;height:29px;margin-left:auto;align-items:center;background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden}.duration-input input{width:45px;height:100%;padding:0 5px;border:0;outline:0;font:500 9px DM Mono}.duration-input span{color:#969a92;font-size:8px}.outline-full{display:flex;width:100%;height:30px;align-items:center;justify-content:center;gap:6px;margin-top:6px;color:#686d65;background:#fff;border:1px dashed #cfd1c9;border-radius:6px;font-size:9px;font-weight:700}.outline-full:hover{color:#111;border-color:#99ce5a;background:#f5ffe9}.gallery-view,.projects-view{flex-direction:column;padding:36px 40px;overflow-y:auto;background:#f5f5f0}.gallery-head{display:flex;align-items:flex-end;justify-content:space-between;max-width:1280px;width:100%;margin:0 auto}.gallery-head h1{margin:8px 0 6px;font-size:32px;letter-spacing:-1.4px;line-height:1}.gallery-head p{margin:0;color:#747970;font-size:12px}.gallery-stat{display:flex;align-items:baseline;gap:7px;padding:10px 14px;background:#e9eadf;border:1px solid #dedfd4;border-radius:9px}.gallery-stat strong{font:500 20px DM Mono}.gallery-stat span{color:#7d8279;font-size:9px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;max-width:1280px;width:100%;margin:30px auto 17px}.search-box{display:flex;width:min(390px,38vw);height:39px;align-items:center;gap:9px;padding:0 12px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 3px 12px #00000006}.search-box .icon{color:#898e85}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:10px}.search-box input::placeholder{color:#a2a69e}.filter-chips{display:flex;gap:5px}.filter-chips button{height:31px;padding:0 11px;color:#747970;background:#ebede6;border:1px solid transparent;border-radius:16px;font-size:9px;font-weight:700}.filter-chips button:hover,.filter-chips button.active{color:#fff;background:#1c1f1c}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:15px;max-width:1280px;width:100%;margin:0 auto;padding-bottom:35px}.asset-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #e0e1da;border-radius:11px;transition:.22s ease;cursor:pointer}.asset-card:hover{border-color:#c8cbc1;box-shadow:var(--shadow);transform:translateY(-3px)}.asset-art{position:relative;display:grid;height:185px;place-items:center;overflow:hidden;background:#e9f6d7}.asset-art:before{position:absolute;width:145px;height:145px;content:"";background:radial-gradient(circle,#ffffffe0,#fff0 70%)}.asset-art.chrome{background:linear-gradient(145deg,#eef1f4,#c2c8d1)}.asset-art.coral{background:#f9ded7}.asset-art.aqua{background:#dff4f6}.asset-art.violet{background:#e6e0fb}.asset-art.gold{background:#f7e9c8}.asset-art.blue{background:#dce9f7}.asset-art.pink{background:#f9dfed}.asset-art.orange{background:#f8e2d2}.asset-type{position:absolute;top:10px;left:10px;z-index:2;padding:4px 6px;color:#666c62;background:#ffffffb3;border:1px solid rgba(255,255,255,.8);border-radius:4px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font:500 7px DM Mono;letter-spacing:.6px}.art-shape{position:relative;z-index:1;width:76px;height:76px;background:#b8ff65;border-radius:15px;box-shadow:inset -18px -20px 30px #42602033,14px 20px 35px #4d692b33;transform:rotate(-18deg)}.art-shape.sphere{background:linear-gradient(135deg,#fff,#aeb7c4 45%,#555e69);border-radius:50%;box-shadow:inset -15px -15px 25px #0003,13px 18px 34px #00000038}.art-shape.torus{background:transparent;border:22px solid #8fe5f1;border-radius:50%;box-shadow:inset -7px -8px 13px #003f5b2b,10px 15px 32px #3c869733}.art-shape.torusKnot{width:82px;height:68px;background:#ff8067;border:18px solid #ff8067;border-radius:50% 22% 50% 28%;box-shadow:inset -9px -8px 13px #701f1338,10px 16px 32px #9b372733}.art-shape.cone{background:linear-gradient(100deg,#8059e9,#c8b7ff);clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0;box-shadow:none}.art-shape.capsule{width:60px;height:98px;background:linear-gradient(110deg,#ffdb88,#c98e31);border-radius:35px;box-shadow:inset -16px -12px 20px #643a0a40,12px 17px 30px #8e5f1e33;transform:rotate(32deg)}.art-shape.stack{width:65px;height:65px;background:#9c82ff;box-shadow:30px 23px 0 -7px #ff7d68,-20px -17px 0 -10px #ffd469,8px 15px 25px #0000002b;transform:rotate(-8deg)}.motion-ring{position:absolute;width:125px;height:58px;z-index:0;border:1px dashed rgba(55,64,52,.4);border-radius:50%;transform:rotate(-15deg)}.quick-use{position:absolute;right:10px;bottom:10px;left:10px;z-index:4;display:flex;height:32px;align-items:center;justify-content:center;gap:6px;color:#fff;background:#171a17;border:0;border-radius:7px;opacity:0;transform:translateY(7px);transition:.2s;font-size:9px;font-weight:700}.asset-card:hover .quick-use{opacity:1;transform:none}.asset-copy{display:grid;grid-template-columns:1fr 28px;gap:5px;align-items:center;padding:12px}.asset-copy strong,.asset-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-copy strong{font-size:11px}.asset-copy span{margin-top:3px;color:#979b93;font-size:8px}.asset-copy .icon-btn{width:26px;height:26px;border:0;background:transparent;color:#969a92}.empty-state{grid-column:1/-1;padding:70px;text-align:center;color:#888d84;background:#eeefe9;border:1px dashed #d2d4cc;border-radius:12px}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px;max-width:1280px;width:100%;margin:30px auto}.project-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:11px}.project-thumb{position:relative;display:grid;height:210px;place-items:center;overflow:hidden;background:#e6f1d5}.project-thumb.violet{background:#e4dff6}.project-thumb.chrome{background:#dce0e4}.project-thumb .art-shape{transform:scale(1.3) rotate(-14deg)}.project-thumb button{position:absolute;right:18px;bottom:16px;left:18px;height:34px;color:#fff;background:#171a17;border:0;border-radius:7px;opacity:0;transition:.2s;font-size:10px;font-weight:700}.project-card:hover .project-thumb button{opacity:1}.project-card>div:last-child{display:flex;align-items:center;justify-content:space-between;padding:13px}.project-card strong,.project-card small{display:block}.project-card small{margin-top:3px;color:#9a9e96;font-size:8px}.project-card .icon-btn{border:0;color:#999;background:transparent}.export-popover{position:fixed;z-index:40;display:none;width:200px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 40px #00000029}.export-popover.open{display:block}.export-popover button{display:grid;width:100%;grid-template-columns:30px 1fr;align-items:center;padding:8px;background:transparent;border:0;border-radius:6px;text-align:left}.export-popover button:hover{background:#f0f2eb}.export-popover strong,.export-popover small{display:block}.export-popover strong{font-size:10px}.export-popover small{margin-top:2px;color:#93978f;font-size:8px}.toast{position:fixed;z-index:60;right:24px;bottom:24px;display:flex;align-items:center;gap:9px;padding:10px 14px;color:#fff;background:#1b1e1b;border:1px solid #343834;border-radius:8px;box-shadow:0 13px 35px #00000038;opacity:0;pointer-events:none;transform:translateY(14px);transition:.25s}.toast.show{opacity:1;transform:none}.toast span{color:var(--lime)}.toast strong{font-size:10px}.shortcut-modal{position:fixed;z-index:70;inset:0;display:none;place-items:center;background:#0e100e80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shortcut-modal.open{display:grid}.modal-card{position:relative;width:min(390px,calc(100vw - 30px));padding:28px;background:#f7f7f3;border:1px solid #fff;border-radius:14px;box-shadow:0 25px 70px #00000047}.modal-close{position:absolute;top:12px;right:12px;display:grid;width:30px;height:30px;place-items:center;background:#fff;border:1px solid var(--line);border-radius:7px}.modal-card h2{margin:8px 0 20px;font-size:23px}.shortcut-list{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding-top:15px;border-top:1px solid var(--line)}.shortcut-list span{color:#686d65;font-size:11px}.art-shape.spline{width:86px;height:86px;background:linear-gradient(145deg,#d4c7ff,#7c62e2);border-radius:42% 58% 66% 34%/45% 35% 65% 55%;box-shadow:inset -15px -15px 30px #2a127033,12px 18px 30px #5741a03b}.art-shape.lottie{width:85px;height:70px;background:transparent;border:14px solid #55d5bc;border-right-color:transparent;border-radius:50%;box-shadow:none;transform:rotate(-25deg)}.connectors-view{flex-direction:column;padding:36px 40px;overflow-y:auto;background:#f5f5f0}.connector-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;max-width:1280px;width:100%;margin:0 auto 28px;padding-bottom:27px;border-bottom:1px solid var(--line)}.connector-hero h1{margin:8px 0;font-size:34px;line-height:1;letter-spacing:-1.6px}.connector-hero p{max-width:590px;margin:0;color:#737870;line-height:1.6}.connector-flow{display:flex;align-items:center;gap:8px;padding:9px;background:#ebece6;border:1px solid #dedfd8;border-radius:10px}.connector-flow span,.connector-flow strong{padding:7px 10px;background:#fff;border-radius:6px;font-size:9px}.connector-flow strong{color:#253316;background:var(--lime)}.connector-flow i{width:18px;height:1px;background:#afb3aa}.connector-flow i:after{display:block;float:right;width:4px;height:4px;margin-top:-2px;content:"";border-top:1px solid #878c83;border-right:1px solid #878c83;transform:rotate(45deg)}.connector-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:15px;max-width:1280px;width:100%;margin:0 auto}.connector-card{position:relative;min-height:280px;padding:18px;overflow:hidden;background:#fff;border:1px solid #dedfd8;border-radius:12px;box-shadow:0 4px 14px #191e1406}.connector-card:before{position:absolute;top:-55px;right:-35px;width:150px;height:150px;content:"";background:radial-gradient(circle,var(--connector),transparent 68%);opacity:.28}.connector-card.disabled{opacity:.64}.connector-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.connector-logo{display:grid;width:42px;height:42px;place-items:center;color:#171917;background:var(--connector);border:1px solid rgba(0,0,0,.09);border-radius:11px;font-size:17px;font-weight:800;box-shadow:inset -5px -5px 12px #00000014}.connector-status{position:relative;padding:5px 7px 5px 16px;color:#70766c;background:#f0f1ed;border-radius:10px;font:500 8px DM Mono}.connector-status:before{position:absolute;top:8px;left:7px;width:5px;height:5px;content:"";background:#74c835;border-radius:50%}.connector-card.disabled .connector-status:before{background:#a0a49c}.connector-card h2{margin:5px 0 7px;font-size:19px;letter-spacing:-.5px}.connector-card>p{height:57px;margin:0;color:#797e75;font-size:10px;line-height:1.55}.connector-features{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}.connector-features span{padding:5px 7px;color:#777c73;background:#f2f3ef;border-radius:4px;font-size:8px}.connector-card>button{display:flex;width:100%;height:34px;align-items:center;justify-content:space-between;padding:0 10px;color:#252825;background:var(--connector);border:1px solid rgba(0,0,0,.08);border-radius:7px;font-size:9px;font-weight:800}.connector-card>button:disabled{color:#90958c;background:#edeef0;cursor:not-allowed}.pipeline-note{display:flex;gap:12px;max-width:1280px;width:100%;margin:20px auto 35px;padding:15px 17px;background:#e8f2da;border:1px solid #d6e5c2;border-radius:10px}.pipeline-note>span{color:#669934}.pipeline-note strong{font-size:10px}.pipeline-note p{margin:3px 0 0;color:#788271;font-size:9px}.connector-modal{position:fixed;z-index:75;inset:0;display:none;place-items:center;padding:18px;background:#0e100e8c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.connector-modal.open{display:grid}.connector-modal-card{position:relative;width:min(540px,100%);max-height:calc(100vh - 36px);overflow-y:auto;padding:27px;background:#f8f8f4;border:1px solid #fff;border-radius:14px;box-shadow:0 28px 80px #0000004d}.connector-modal-head{display:flex;align-items:center;gap:13px;padding-right:30px}.connector-modal-head h2{margin:3px 0 0;font-size:23px;letter-spacing:-.7px}.modal-intro{margin:20px 0;color:#6f746c;line-height:1.6}.motion-preset-list{display:grid;gap:7px}.motion-preset-list button{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px;text-align:left}.motion-preset-list button:hover{border-color:#9bd64e;background:#f6ffe9}.motion-preset-list i{width:22px;height:22px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px #edffda}.motion-preset-list strong,.motion-preset-list small{display:block}.motion-preset-list strong{font-size:10px}.motion-preset-list small{margin-top:2px;color:#91968d;font-size:8px}.motion-preset-list em{color:#777c73;font:500 9px DM Mono;font-style:normal}.connector-input{display:block;margin:17px 0}.connector-input span{display:block;margin-bottom:6px;color:#777c73;font-size:9px;font-weight:700}.connector-input input{width:100%;height:39px;padding:0 11px;background:#fff;border:1px solid var(--line-dark);border-radius:7px;outline:0;font:400 10px DM Mono}.connector-input input:focus{border-color:#8b9b7d;box-shadow:0 0 0 3px #8caa691f}.connector-help{display:flex;align-items:flex-start;gap:8px;padding:10px;color:#737970;background:#eff0eb;border-radius:7px;font-size:9px;line-height:1.45}.connector-submit,.connector-download{display:flex;min-height:37px;align-items:center;justify-content:center;gap:7px;margin-top:16px;padding:0 13px;color:#fff;background:#191c19;border:1px solid #191c19;border-radius:7px;text-decoration:none;font-size:9px;font-weight:800}.blender-steps{display:grid;gap:8px}.blender-steps>div{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:7px}.blender-steps b{display:grid;width:25px;height:25px;place-items:center;background:#ffe6d6;border-radius:50%;font:500 10px DM Mono}.blender-steps strong,.blender-steps small{display:block}.blender-steps strong{font-size:10px}.blender-steps small{margin-top:2px;color:#92978f;font-size:8px}.connector-dual-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.connector-download{color:#373b35;background:#fff;border-color:var(--line-dark)}.workspace{grid-template-columns:76px minmax(0,1fr)}.sidebar{align-items:center;padding:14px 9px 10px;overflow:visible}.sidebar .new-project{width:50px;justify-content:center;padding:0;font-size:0}.sidebar .new-project kbd,.sidebar .side-label,.sidebar .storage-card,.sidebar .help,.sidebar .profile>div:not(.avatar),.sidebar .profile>.icon{display:none}.sidebar .side-section{width:100%;margin-top:18px}.sidebar .side-item{height:42px;justify-content:center;padding:0;font-size:0}.sidebar .side-item>span{display:none}.sidebar .side-item .icon{width:19px;height:19px}.sidebar .category-nav{margin-top:14px;padding-top:14px}.sidebar .side-spacer{min-height:8px}.sidebar .profile{display:grid;width:50px;grid-template-columns:1fr;place-items:center;padding:9px 0 2px}.sidebar .avatar{width:32px;height:32px}.studio-body{grid-template-columns:350px minmax(360px,1fr) 270px}.chat-panel{display:flex;min-width:0;min-height:0;flex-direction:column;background:#f8f8f4;border-right:1px solid var(--line)}.chat-head{display:grid;grid-template-columns:38px 1fr 30px;align-items:center;gap:9px;height:58px;padding:0 14px;background:#fff;border-bottom:1px solid var(--line)}.assistant-avatar{display:grid;width:34px;height:34px;place-items:center;color:#172011;background:var(--lime);border:1px solid #9fe34f;border-radius:10px}.chat-head strong,.chat-head span{display:block}.chat-head strong{font-size:11px}.chat-head span{display:flex;align-items:center;gap:5px;margin-top:2px;color:#858a81;font-size:8px}.chat-head span i{width:5px;height:5px;background:#79ca39;border-radius:50%}.chat-head .icon-btn{width:28px;height:28px;border:0;background:#f0f1ed}.chat-tools{padding:11px 13px 10px;background:#f3f4ef;border-bottom:1px solid var(--line)}.chat-tools>div{display:flex;gap:5px;margin-top:7px}.chat-tools button{display:flex;height:25px;align-items:center;gap:5px;padding:0 7px;color:#6e736b;background:#fff;border:1px solid #dfe1da;border-radius:6px;font-size:8px;font-weight:700}.chat-tools button:hover{color:#171a17;border-color:#bfc2b9}.chat-tools b{display:grid;width:15px;height:15px;place-items:center;color:#1b1d1a;border-radius:4px;font-size:7px}.motion-tool{background:var(--lime)}.spline-tool{background:#b7a3ff}.blender-tool{background:#ff9b63}.lottie-tool{background:#63e3ca}.chat-messages{min-height:0;flex:1;padding:17px 14px;overflow-y:auto;scroll-behavior:smooth}.chat-day{display:flex;align-items:center;gap:8px;margin:0 0 17px;color:#a0a49c;font:500 8px DM Mono;text-transform:uppercase;letter-spacing:.6px}.chat-day:before,.chat-day:after{height:1px;flex:1;content:"";background:#e2e3dd}.chat-message{display:flex;gap:8px;margin:0 0 15px}.chat-message.user{justify-content:flex-end}.message-avatar{display:grid;width:26px;height:26px;flex:0 0 26px;place-items:center;color:#5c8e2c;background:#e8f8d5;border:1px solid #d6eabd;border-radius:8px}.message-body{max-width:87%;padding:10px 11px;background:#fff;border:1px solid #e1e2dc;border-radius:4px 11px 11px;box-shadow:0 3px 11px #1e221b09}.chat-message.user .message-body{color:#fff;background:#1b1e1b;border-color:#1b1e1b;border-radius:11px 4px 11px 11px}.message-body p{margin:0;font-size:10px;line-height:1.55}.message-capabilities{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}.message-capabilities span{padding:4px 6px;color:#687060;background:#eff5e8;border-radius:4px;font-size:7px;font-weight:700}.prompt-suggestions{display:flex;gap:5px;padding:0 13px 10px;overflow-x:auto}.prompt-suggestions button{flex:0 0 auto;height:25px;padding:0 8px;color:#747970;background:#fff;border:1px solid #dcded6;border-radius:13px;font-size:7px;white-space:nowrap}.prompt-suggestions button:hover{color:#1b1e1b;border-color:#9dd654}.chat-composer{margin:0 12px 12px;padding:9px;background:#fff;border:1px solid #cfd2c9;border-radius:10px;box-shadow:0 7px 22px #181d1412}.chat-composer:focus-within{border-color:#8dbf53;box-shadow:0 0 0 3px #98d2541f}.chat-composer textarea{display:block;width:100%;min-height:42px;max-height:100px;padding:0 2px;resize:none;background:transparent;border:0;outline:0;font-size:10px;line-height:1.45}.chat-composer textarea::placeholder{color:#9ca198}.composer-actions{display:flex;align-items:center;gap:7px;margin-top:6px}.composer-actions>span{flex:1;color:#a1a59d;font-size:7px}.attach-btn,.send-btn{display:grid;width:25px;height:25px;padding:0;place-items:center;border:0;border-radius:7px}.attach-btn{color:#747970;background:#f0f1ed}.send-btn{color:#172011;background:var(--lime)}.send-btn:hover{background:#99e33e}.thinking{display:flex;gap:3px;padding:4px}.thinking i{width:5px;height:5px;background:#9ba092;border-radius:50%;animation:thinking-dot 1s infinite ease-in-out}.thinking i:nth-child(2){animation-delay:.13s}.thinking i:nth-child(3){animation-delay:.26s}@keyframes thinking-dot{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}.build-result{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}.build-result span{display:flex;align-items:center;gap:4px;padding:5px 6px;color:#51584d;background:#f0f3eb;border-radius:5px;font-size:7px;font-weight:700}.chat-color{width:8px;height:8px;border-radius:50%}.assistant-followup{margin-top:8px;padding-top:7px;color:#8c9188;border-top:1px solid #ebede7;font-size:7px;line-height:1.4}.chat-inline-actions{display:flex;gap:5px;margin-top:9px}.chat-inline-actions button{padding:5px 7px;color:#415032;background:#ebf8dc;border:1px solid #d8ecc1;border-radius:5px;font-size:7px;font-weight:700}.manual-label{height:52px;padding:12px 13px 0;background:#f4f5f0;border-bottom:1px solid var(--line)}.manual-label span,.manual-label small{display:block}.manual-label small{margin-top:3px;color:#969b92;font-size:8px}.property-panel .panel-tabs{height:36px}.canvas-column{grid-template-rows:minmax(300px,1fr) 137px}.asset-hub-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1280px;width:100%;margin:28px auto 15px}.asset-hub-switch button{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:11px;padding:13px;text-align:left;background:#eceee7;border:1px solid #dfe1d8;border-radius:10px}.asset-hub-switch button.active{background:#fff;border-color:#b5b9ae;box-shadow:0 8px 25px #1a1f1612}.hub-icon{display:grid;width:42px;height:42px;place-items:center;background:#dde1d6;border-radius:9px}.asset-hub-switch button.active .cube-hub{background:var(--lime)}.asset-hub-switch button.active .motion-hub{color:#fff;background:#1d201d}.asset-hub-switch strong,.asset-hub-switch small{display:block}.asset-hub-switch strong{font-size:11px}.asset-hub-switch small{margin-top:3px;color:#91968d;font-size:8px}.asset-hub-switch em{display:grid;min-width:25px;height:25px;padding:0 5px;place-items:center;color:#7a8075;background:#f5f6f2;border-radius:13px;font:500 9px DM Mono;font-style:normal}.gallery-toolbar{margin-top:0}@media(max-width:1100px){.topbar{grid-template-columns:180px 1fr auto}.save-status,.history-actions{display:none}.workspace{grid-template-columns:64px minmax(0,1fr)}.studio-body{grid-template-columns:310px minmax(330px,1fr) 240px}.sidebar{padding-right:7px;padding-left:7px}.sidebar .new-project{width:48px}.asset-grid{grid-template-columns:repeat(3,1fr)}.connector-grid{grid-template-columns:repeat(2,1fr)}.project-name{width:220px}.chat-tools button{padding:0 5px}.chat-tools button b{display:none}}@media(max-width:820px){body{overflow:auto}.app-shell{height:auto;min-height:100%;grid-template-rows:58px 1fr}.topbar{position:sticky;top:0;grid-template-columns:1fr auto;padding:0 12px}.view-tabs,.top-actions .secondary{display:none}.workspace{display:block}.sidebar{position:fixed;z-index:30;right:0;bottom:0;left:0;display:grid;height:58px;min-height:0;grid-template-columns:repeat(4,1fr);padding:5px;background:#f9faf6;border-top:1px solid var(--line);border-right:0}.sidebar>*{display:none}.sidebar .side-section:first-of-type{display:contents}.sidebar .side-section:first-of-type .side-label{display:none}.sidebar .side-section:first-of-type .side-item{display:flex;height:48px;flex-direction:column;justify-content:center;gap:2px;font-size:8px}.sidebar .side-section:first-of-type .side-item:last-child{display:none}.sidebar .side-item>span{display:none}.main-content{padding-bottom:58px;overflow:visible}.studio-view{height:auto;min-height:calc(100vh - 116px)}.studio-head{height:62px;flex:0 0 62px;padding:0 14px}.stage-tools{display:none}.studio-body{display:flex;flex-direction:column}.canvas-column{height:620px;grid-template-rows:minmax(390px,1fr) 137px}.property-panel{height:auto;overflow:visible;border-top:1px solid var(--line);border-left:0}.gallery-view,.projects-view,.connectors-view{min-height:calc(100vh - 58px);padding:27px 18px;overflow:visible}.asset-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.gallery-toolbar{align-items:stretch;flex-direction:column;gap:12px}.search-box{width:100%}.filter-chips{overflow-x:auto}.asset-art{height:160px}.projects-grid,.connector-grid{grid-template-columns:repeat(2,1fr)}.connector-hero{align-items:flex-start;flex-direction:column}.connector-flow{display:none}}@media(max-width:520px){.top-actions .save-status{display:none}.btn{padding:0 10px}.brand{font-size:17px}.brand-mark{width:31px;height:31px}.studio-head{padding:0 12px}.project-name{width:215px;font-size:15px}.canvas-column{height:540px;grid-template-rows:390px 150px}.timeline-ruler{grid-template-columns:100px 1fr}.track-label{padding:0 8px}.gallery-head{align-items:flex-start;flex-direction:column;gap:16px}.gallery-head h1,.connector-hero h1{font-size:27px}.gallery-stat{display:none}.asset-grid{gap:10px}.asset-art{height:138px}.asset-copy{padding:10px}.asset-copy span{display:none}.art-shape{transform:scale(.8) rotate(-18deg)}.quick-use{opacity:1;right:7px;bottom:7px;left:7px;height:28px;transform:none}.projects-grid,.connector-grid{grid-template-columns:1fr}.connector-card{min-height:260px}.connector-dual-actions{grid-template-columns:1fr}.project-thumb{height:180px}.stage-hint,.axis-widget{display:none}}@media(max-width:820px){.chat-panel{height:520px;flex:0 0 520px;border-right:0;border-bottom:1px solid var(--line)}.chat-messages{min-height:240px}.manual-label{display:block}.asset-hub-switch{margin-top:22px}.asset-hub-switch button{grid-template-columns:40px 1fr auto}.hub-icon{width:38px;height:38px}}@media(max-width:520px){.asset-hub-switch{grid-template-columns:1fr}.prompt-suggestions{padding-bottom:8px}.chat-panel{height:540px;flex-basis:540px}.composer-actions>span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}