:root{--ink:#19191c;--muted:#85868d;--line:#e7e7e9;--soft:#f4f4f5;--canvas:#e5e6e8;--purple:#8b4df3;--green:#8df216;color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:#fff}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);outline-offset:2px}svg{width:1.15em;height:1.15em;stroke-width:1.8}.studio{position:relative;display:grid;grid-template-columns:clamp(210px,15.7vw,255px) minmax(0,1fr) clamp(340px,24.5vw,405px);width:100vw;height:100vh;min-width:0;min-height:0;overflow:hidden;background:#fff;font-size:clamp(10px,.78vw,13px);transition:grid-template-columns .35s ease}.studio[data-editing=true]{grid-template-columns:clamp(210px,15.7vw,255px) minmax(0,1fr) clamp(280px,18vw,320px)}.canvas-panel,.left-sidebar,.right-sidebar{min-width:0;min-height:0;overflow:hidden}.left-sidebar,.right-sidebar{position:relative;z-index:4;background:#fff}.left-sidebar{display:flex;flex-direction:column;border-right:1px solid rgba(0,0,0,.035)}.project-header{display:flex;flex:none;flex-direction:column;gap:.35em;padding:1.5em 1.45em .75em}.layer-tree button,.page-tree button,.project-header button,.resource-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer}.brand{display:flex;align-items:center;gap:.15em;width:-moz-fit-content;width:fit-content;padding:0}.brand img{object-fit:contain}.brand svg{width:.85em}.project-header small{color:#98999f;font-size:.83em}.project-name{display:flex;align-items:center;gap:.45em;width:-moz-fit-content;width:fit-content;padding:.1em 0;font-weight:700}.project-name svg{width:.8em}.resource-tabs{display:grid;flex:none;grid-template-columns:1fr 1fr 2.3em;grid-gap:.25em;gap:.25em;margin:.45em 1em .9em;padding:.24em;border-radius:1.2em;background:#f0f0f1}.resource-tabs button{min-height:2em;border-radius:1em;color:#77787e}.resource-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.09)}.resource-tabs button:last-child{display:grid;place-items:center}.page-tree{flex:none;padding:0 .8em 1em;border-bottom:1px solid var(--line)}.tree-heading{display:flex;align-items:center;justify-content:space-between;min-height:2.4em;padding:0 .65em;font-size:.9em}.tree-heading svg{width:1em;color:#696a70}.layer-tree>button,.page-tree>button{display:flex;align-items:center;width:100%;min-height:2.45em;padding:.35em .65em;border-radius:.5em;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-tree>button:hover,.page-tree>button:hover{background:#f3f3f4}.page-tree>button.selected{background:#e9e9ea}.layer-tree{min-height:0;flex:1 1 auto;padding:.65em .8em 1.5em;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.layer-tree>button{gap:.55em;color:#6f7076}.layer-tree>button.child{padding-left:2.3em}.layer-tree>button i{display:grid;width:1.25em;place-items:center;color:#9b9ca2;font-style:normal}.layer-tree>button span{overflow:hidden;text-overflow:ellipsis}.development-tree{padding:.65em 1.05em 1.5em}.section-label{margin-top:.45em;padding:0}.dev-card{display:grid;grid-template-columns:4.8em minmax(0,1fr);grid-gap:.8em;gap:.8em;align-items:center;min-height:6.4em}.dev-card img{width:4.8em;height:5em;object-fit:cover;object-position:top;border:1px solid #ececef;border-radius:.3em}.dev-card b,.dev-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-card b{margin-bottom:.5em}.dev-card small{color:#9a9ba0;font-size:.8em}.canvas-panel{position:relative;z-index:1;margin:.75em .55em;overflow:hidden;border:1px solid rgba(45,47,52,.05);border-radius:1.5em;background-color:var(--canvas);background-image:radial-gradient(circle,rgba(52,55,61,.065) .7px,transparent .8px);background-position:50%;background-size:2em 2em;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 1px 4px rgba(20,22,26,.04)}.canvas-panel:after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;box-shadow:inset 0 0 5em rgba(255,255,255,.1);pointer-events:none}.canvas-toolbar{position:absolute;z-index:8;top:1.35em;left:50%;display:flex;align-items:center;gap:.25em;padding:.38em .58em;border:1px solid rgba(255,255,255,.7);border-radius:1.7em;background:rgba(255,255,255,.92);box-shadow:0 8px 22px rgba(30,31,35,.16);transform:translateX(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.canvas-toolbar button,.zoom-control button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;width:3em;height:3em;padding:0;border:0;border-radius:50%;place-items:center;background:transparent;cursor:pointer}.canvas-toolbar button.active,.canvas-toolbar button:hover{background:#f0f0f1}.canvas-toolbar>i{width:1px;height:2em;margin:0 .18em;background:#dedfe1}.canvas-toolbar button.ai-tool{margin-left:.2em;background:var(--green);box-shadow:0 0 0 .46em #fff,0 0 0 .58em rgba(0,0,0,.04)}[data-editing=true] .canvas-toolbar button.active{color:#fff;background:var(--purple)}[data-editing=true] .canvas-toolbar button:nth-child(2),[data-editing=true] .canvas-toolbar button:nth-child(3),[data-editing=true] .canvas-toolbar button:nth-child(5),[data-editing=true] .canvas-toolbar>i{display:none}.canvas-viewport{position:absolute;z-index:1;inset:6.7em 2em 1.8em;display:grid;place-items:center;overflow:hidden}.canvas-world{display:grid;width:100%;height:100%;place-items:center;transform-origin:center;transition:transform .2s ease}.screen-row{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.2vw,38px);width:100%;height:100%}.music-row img{width:auto;max-width:31%;height:min(72vh,616px);object-fit:contain;border-radius:1.35em;box-shadow:0 0 0 1px rgba(0,0,0,.03)}.music-row img:last-child{max-width:25%;border-radius:1.2em}.loading-row{gap:2.4em}.loading-screen{position:relative;display:grid;width:29%;max-width:310px;height:min(72vh,650px);overflow:hidden;border-radius:1em;place-content:center;justify-items:center;grid-gap:.7em;gap:.7em;color:#8b8f90;background:#f8f8f8;box-shadow:0 0 0 1px rgba(104,232,190,.3)}.loading-screen>svg{position:relative;z-index:2;width:3em;height:3em}.loading-screen>strong{position:relative;z-index:2;font-size:1.65em;font-weight:500}.loading-aura{position:absolute;inset:-8%;background:radial-gradient(ellipse at center,transparent 36%,rgba(68,229,223,.34) 65%,rgba(143,255,99,.34) 76%,transparent 84%),linear-gradient(125deg,rgba(162,255,86,.23),transparent 30%,transparent 68%,rgba(47,222,234,.24));filter:blur(14px);animation:breathe 2.4s ease-in-out infinite alternate}.loading-screen:nth-child(2) .loading-aura{animation-delay:-.8s}.loading-screen:nth-child(3) .loading-aura{animation-delay:-1.4s}@keyframes breathe{to{transform:scale(1.04) translate(1%,-1%);filter:blur(19px) hue-rotate(16deg)}}.social-row{gap:clamp(14px,2vw,32px)}.design-screen{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;height:min(72vh,665px);padding:0;overflow:visible;border:0 solid transparent;background:#fff;cursor:pointer;transition:transform .25s,box-shadow .25s}.design-screen>img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.design-screen:hover{transform:translateY(-.5em)}.design-screen.selected{box-shadow:0 0 0 2px var(--purple),0 16px 38px rgba(65,35,105,.16)!important}.design-screen.selected:after,.design-screen.selected:before{content:"";position:absolute;z-index:3;width:.75em;height:.75em;border:2px solid #fff;background:var(--purple)}.design-screen.selected:before{top:-.48em;left:-.48em}.design-screen.selected:after{right:-.48em;bottom:-.48em}.design-screen>span{position:absolute;top:-2.2em;left:-2px;padding:.28em .65em;border-radius:.4em .4em 0 0;color:#fff;background:var(--purple);font-size:.78em}.zoom-control{position:absolute;z-index:8;right:1.2em;bottom:1.1em;display:flex;align-items:center;gap:.15em;padding:.28em;border:1px solid #ddd;border-radius:.9em;background:rgba(255,255,255,.9);box-shadow:0 6px 18px rgba(0,0,0,.08)}.zoom-control button{width:2em;height:2em}.zoom-control output{min-width:3.5em;text-align:center;color:#696a70;font-size:.84em}.right-sidebar{padding:1.15em 1.2em 0;border-left:1px solid rgba(0,0,0,.035)}.right-sidebar button{cursor:pointer}.right-header{display:flex;align-items:center;min-height:3.4em;gap:.42em}.composer button,.conversation-header button,.edit-toggle,.inspector-tabs button,.plugin-empty button,.primary-action,.segmented button,.share{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0}.edit-toggle{display:grid;width:2.4em;height:2.4em;padding:0;border:1px solid #dedfe2;border-radius:50%;place-items:center;color:#707177;background:#fff}.edit-toggle.active{color:#fff;border-color:var(--purple);background:var(--purple)}.avatar{display:grid;width:2.25em;height:2.25em;border-radius:50%;place-items:center;color:#fff;font-size:.82em}.avatar.purple{background:#6534cf}.avatar.blue{margin-left:-.25em;background:#1d77d0}.share{display:flex;align-items:center;gap:.4em;margin-left:auto;padding:.68em 1.2em;border-radius:1.4em;color:#fff;background:#111113;font-size:.84em}.share svg{width:1em}.segmented{display:grid;grid-template-columns:1fr 1fr;margin-top:.6em;padding:.25em;border-radius:1.1em;background:#efeff0}.segmented button{min-height:2.25em;border-radius:.9em;color:#6e6f75;background:transparent}.segmented button.active{color:#171719;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.1)}.inspect-segment{margin-left:28%}.conversation-header{display:flex;align-items:center;justify-content:space-between;min-height:5.2em}.conversation-header span{display:flex;gap:.4em}.conversation-header button{display:grid;width:2em;height:2em;padding:0;place-items:center;color:#55565c;background:transparent}.ai-content{position:absolute;inset:10.7em 1.2em 9.2em;padding:.45em .2em 1em;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.welcome-panel h1{margin:4em 0 1.5em;font-size:1.8em;letter-spacing:0}.prompt-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.9em;gap:.9em}.prompt-grid>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;min-width:0;padding:.8em;border:0;border-radius:.9em;background:#f2f2f3;text-align:left;transition:transform .18s,box-shadow .18s}.prompt-grid>button:hover{transform:translateY(-.2em);box-shadow:0 10px 26px rgba(0,0,0,.08)}.prompt-grid>button img{width:100%;height:10.4em;margin-bottom:.8em;border-radius:.65em;object-fit:cover}.prompt-grid>button b{margin-bottom:.4em}.prompt-grid>button span{color:#696a70;font-size:.9em;line-height:1.45}.prompt-grid>button.wide{grid-column:1/-1;display:grid;grid-template-columns:5.2em 1fr;grid-gap:.9em;gap:.9em;align-items:center}.prompt-grid>button.wide img{width:5.2em;height:5.9em;margin:0}.prompt-grid>button.wide b{color:var(--ink)}.plan-panel,.response-panel{padding-top:2.6em;line-height:1.58}.design-panel{display:flex;flex-direction:column;align-items:center;gap:.8em;margin-top:8em;padding:2em 1em;border:1px solid var(--line);border-radius:1em;color:var(--muted);text-align:center}.design-panel>svg{width:2.6em;height:2.6em;color:#5f6066}.design-panel b{color:var(--ink)}.design-panel button{margin-top:.4em;padding:.6em 1em;border:0;border-radius:1em;color:#fff;background:#171719}.plan-panel>p,.response-panel p{margin:0 0 1em}.user-bubble{width:-moz-fit-content;width:fit-content;max-width:82%;margin:0 0 2em auto;padding:.82em 1.05em;border-radius:1em;background:#f0f0f1}.feature-chips{display:flex;flex-wrap:wrap;gap:.55em;margin:.8em 0 1.05em}.feature-chips span{display:inline-flex;align-items:center;gap:.35em;padding:.5em .62em;border-radius:.55em;background:#f2f2f3;font-size:.92em}.feature-chips svg{width:1.25em;height:1.25em;padding:.18em;border-radius:.25em;color:#fff;background:#222226}.plan-card{display:flex;flex-direction:column;gap:.42em;margin-bottom:.75em;padding:.95em 1em;border-radius:.75em;background:#f6f6f7}.plan-card span{color:#6e6f75;font-size:.92em}.primary-action{padding:.7em 1.15em;border-radius:1.4em;color:#fff;background:#171719}.generation-status{display:flex;align-items:center;gap:.6em;padding:.8em 1em;border-radius:.8em;background:#efffdd}.generation-status svg{color:#5c9a12}.generation-status b{margin-left:auto}.composer{position:absolute;right:1.2em;bottom:2.2em;left:1.2em;height:7.5em;border:1px solid #dbdcdf;border-radius:1em;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.035)}.composer textarea{display:block;width:100%;height:4.3em;padding:.95em 1.05em .3em;resize:none;border:0;outline:0;background:transparent}.composer>div{display:flex;align-items:center;justify-content:space-between;padding:0 .55em 0 1em}.composer>div>span{display:flex;gap:.12em}.composer button{display:inline-grid;min-width:2.3em;height:2.3em;padding:0;place-items:center;background:transparent}.composer button.model{display:flex;align-items:center;gap:.3em;width:auto}.composer button.model svg{width:.8em}.composer button.send{border-radius:50%;color:#fff;background:#171719}.disclaimer{position:absolute;right:0;bottom:.35em;left:0;margin:0;text-align:center;color:#b1b2b6;font-size:.74em}.inspector-content{position:absolute;inset:8.5em 1em .8em;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.inspector-content>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1em}.inspector-content>header span{color:var(--muted);font-size:.82em}.inspector-tabs{display:flex;gap:1.5em;margin-bottom:1.1em;border-bottom:1px solid #eee}.inspector-tabs button{padding:.3em 0 .65em;color:#85868c;background:transparent}.inspector-tabs button.active{border-bottom:2px solid #1d1d1f;color:#1d1d1f;font-weight:700}.inspector-content pre{position:relative;min-height:18em;margin:0;padding:1em;overflow:auto;border-radius:.65em;color:#d5f5c2;background:#18181b;font:.82em/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.inspector-content pre button{position:absolute;top:.6em;right:.6em;display:grid;width:2.2em;height:2.2em;border:0;border-radius:.45em;place-items:center;color:#fff;background:#323238}.property-groups fieldset{min-width:0;margin:0 0 1.15em;padding:0;border:0}.property-groups legend{display:flex;justify-content:space-between;width:100%;margin-bottom:.65em;font-size:.9em;font-weight:700}.property-groups legend small{color:var(--muted);font-weight:400}.property-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.45em;gap:.45em}.color-field,.number-field,.range-field{display:flex;align-items:center;gap:.35em;min-width:0;min-height:2.7em}.color-field>span,.number-field>span,.range-field>span{width:4.9em;flex:0 0 4.9em;color:#898a90;font-size:.85em}.property-grid .number-field>span{width:1.5em;flex-basis:1.5em}.color-field input[type=text],.number-field input{min-width:0;width:100%;height:2.4em;padding:.35em .55em;border:1px solid transparent;border-radius:.4em;outline:0;background:#f2f2f3}.color-field input[type=text]:focus,.number-field input:focus{border-color:#b9a0e7;background:#fff}.number-field em{margin-left:-2.3em;color:#929399;font-size:.8em;font-style:normal;pointer-events:none}.range-field input{min-width:0;width:100%;accent-color:var(--purple)}.range-field output{width:3.8em;color:#696a70;text-align:right;font-size:.8em}.color-field input[type=color]{width:2.5em;height:2.2em;padding:.16em;flex:0 0 2.5em;border:0;border-radius:.35em;background:#f2f2f3}.plugin-empty{display:flex;flex-direction:column;align-items:center;gap:.8em;margin-top:2em;padding:2em 1em;border:1px solid var(--line);border-radius:1em;text-align:center}.plugin-empty>svg{width:3em;height:3em;padding:.7em;border-radius:.9em;color:var(--purple);background:#eadfff}.plugin-empty span{color:var(--muted)}.plugin-empty button{padding:.65em 1em;border-radius:1em;color:#fff;background:#171719}.collaborator{position:absolute;z-index:20;right:2%;top:59%;display:flex;align-items:flex-start;color:var(--purple);pointer-events:none;transition:top .5s,right .5s}.collaborator>svg{width:1.6em;height:1.6em;fill:var(--purple);stroke:#fff}.collaborator>span{margin-top:1.2em;margin-left:-.2em;padding:.25em .55em;border-radius:.35em;color:#fff;background:var(--purple)}.collaborator.frame-2{right:7%;top:81%}.collaborator.frame-3{right:13%;top:75%}.collaborator.frame-4{right:17%;top:40%}.collaborator.frame-5{right:17%;top:12%}.toast{position:absolute;z-index:30;left:50%;bottom:2em;padding:.75em 1em;border-radius:.7em;color:#fff;background:rgba(25,25,28,.92);opacity:0;transform:translate(-50%,.7em);transition:.2s;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%)}.ai-content,.inspector-content,.inspector-content pre,.layer-tree{scrollbar-width:thin;scrollbar-color:rgba(104,106,112,.38) transparent}.ai-content::-webkit-scrollbar,.inspector-content pre::-webkit-scrollbar,.inspector-content::-webkit-scrollbar,.layer-tree::-webkit-scrollbar{width:6px;height:6px}.ai-content::-webkit-scrollbar-thumb,.inspector-content pre::-webkit-scrollbar-thumb,.inspector-content::-webkit-scrollbar-thumb,.layer-tree::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(104,106,112,.34)}@media (max-width:1150px){.studio{grid-template-columns:205px minmax(0,1fr) 320px;font-size:9px}.studio[data-editing=true]{grid-template-columns:205px minmax(0,1fr) 280px}.screen-row{gap:14px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}