: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}.login-screen{display:grid;grid-template-columns:56vw 44vw;width:100vw;height:100vh;overflow:hidden;background:#fff}.login-form{display:grid;place-items:center;min-width:0}.login-form-inner{width:min(400px,42vw);transform:translateY(4px)}.login-form h1{margin:0 0 38px;text-align:center;font-size:26px;font-weight:500;letter-spacing:0}.code-field,.phone-field{display:flex;align-items:center;height:56px;margin-bottom:24px;overflow:hidden;border-radius:28px;background:#f4f4f5}.phone-field span{padding-left:22px;font-size:13px}.phone-field svg{width:14px;margin:0 18px 0 12px;color:#606166}.code-field input,.phone-field input{min-width:0;width:100%;height:100%;border:0;outline:0;color:#111;background:transparent}.code-field input::placeholder,.phone-field input::placeholder{color:#a5a6ab}.code-field input{padding-left:24px}.code-field button{width:112px;height:22px;margin-right:18px;border:0;border-left:1px solid #dddfe3;color:#a3a4aa;background:transparent}.code-field button,.login-submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.login-submit{width:100%;height:56px;border:0;border-radius:28px;color:#fff;background:#b7b7b9}.login-submit.ready{background:#151517}.agreement{display:flex;justify-content:center;gap:7px;margin-top:20px;color:#151517;font-size:13px}.agreement input{width:16px;height:16px;margin:0;accent-color:#13b76a}.agreement a{color:#09a85c;text-decoration:none}.login-divider{display:flex;align-items:center;gap:12px;margin:42px 0 24px;color:#a7a8ad;font-size:13px}.login-divider:after,.login-divider:before{content:"";height:1px;flex:1 1;background:#ececef}.login-methods{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.login-methods button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;grid-gap:6px;gap:6px;place-items:center;border:0;color:#34353a;background:transparent;cursor:pointer}.login-methods svg{width:24px;height:24px}.login-hero{position:relative;min-width:0;overflow:hidden;background:#f5fbc8}.login-hero img{object-fit:cover;object-position:center}.login-logo{position:absolute;left:12.5%;bottom:50px;z-index:2;display:flex;align-items:center;gap:10px;color:#111;font-size:35px;font-weight:700}.login-logo img{position:static!important;width:42px!important;height:32px!important;object-fit:contain}.dashboard-shell{display:grid;grid-template-columns:240px minmax(0,1fr);width:100vw;height:100vh;overflow:hidden;background:#fff;color:#121316;font-size:14px}.dashboard-sidebar{display:flex;flex-direction:column;min-width:0;min-height:0;padding:18px 12px 10px;background:#f6f6f7}.dashboard-user{display:grid;grid-template-columns:22px minmax(0,1fr) 22px;align-items:center;grid-gap:8px;gap:8px;margin-bottom:16px;padding:0 8px}.dashboard-user b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-user svg{color:#151517}.team-dot,.user-dot{display:grid;width:19px;height:19px;border-radius:50%;place-items:center;color:#fff;background:#4c6dff;font-size:11px;font-weight:700}.team-dot{background:#8c49ff}.dashboard-search{display:flex;align-items:center;gap:8px;height:32px;margin-bottom:8px;padding:0 10px;border-radius:6px;background:#ececee}.dashboard-search svg{width:15px;color:#77787e}.dashboard-search input{width:100%;border:0;outline:0;background:transparent}.dashboard-nav,.team-block{display:flex;flex-direction:column;gap:4px}.dashboard-footer button,.dashboard-nav button,.team-block button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:9px;min-height:32px;padding:0 9px;border:0;border-radius:6px;background:transparent;text-align:left;cursor:pointer}.dashboard-nav button.active,.team-block button.active{background:#d8eddf}.dashboard-footer svg,.dashboard-nav svg,.team-block svg{width:16px}.quick-access{margin:12px 0 14px;padding:16px 0 13px;border-top:1px solid #e1e1e3;border-bottom:1px solid #e1e1e3}.quick-access b{display:block;margin:0 8px 8px;font-size:12px}.quick-access button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:30px;border:1px dashed #d9dadd;border-radius:5px;color:#62636a;background:#f1f1f2;text-align:left;cursor:pointer}.team-title{margin-bottom:10px;font-size:12px;font-weight:700}.team-title svg{margin-left:auto;width:14px}.dashboard-footer{display:flex;justify-content:space-between;gap:4px;margin-top:auto}.dashboard-footer button:first-child{min-width:0;flex:1 1}.dashboard-footer button:last-child{width:32px;padding:0;justify-content:center}.dashboard-main{position:relative;min-width:0;min-height:0;padding:42px 32px;overflow:hidden}.dashboard-topline{display:flex;align-items:center;justify-content:space-between;min-height:36px;margin-bottom:20px}.dashboard-topline h1{margin:0;font-size:20px;font-weight:600;letter-spacing:0}.dashboard-actions-right{display:flex;gap:14px}.dashboard-actions-right button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:6px;height:36px;padding:0 16px;border:0;border-radius:18px;background:#f5f5f6;cursor:pointer}.dashboard-actions-right .dark-action{color:#fff;background:#111113}.creation-row{display:grid;grid-template-columns:296px 296px;grid-gap:28px;gap:28px;margin:6px 0 40px}.creation-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:1fr 1fr;grid-column-gap:12px;column-gap:12px;align-items:center;height:72px;padding:18px 22px;border:0;border-radius:8px;background:#f3f3f4;text-align:left;cursor:pointer}.creation-card:hover,.work-card:hover{box-shadow:0 12px 28px rgba(20,21,26,.08);transform:translateY(-1px)}.creation-icon{position:relative;grid-row:1/3;display:grid;width:38px;height:38px;place-items:center;color:#18bf67;background:#fff;border-radius:6px}.creation-icon i{position:absolute;top:-6px;right:-8px;display:grid;width:16px;height:16px;place-items:center;border-radius:50%;color:#fff;background:#18bf67}.creation-icon i svg{width:12px}.creation-icon.import{color:#10b95f}.creation-card b{align-self:end;font-weight:500}.creation-card small{align-self:start;color:#55565c}.dashboard-list-header{display:flex;align-items:center;gap:22px;min-height:32px;margin-bottom:30px}.dashboard-list-header b{margin-right:auto;font-weight:500}.dashboard-list-header span{margin-left:auto}.dashboard-list-header button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:4px;border:0;background:transparent;cursor:pointer}.dashboard-list-header svg{width:16px;color:#5b5c62}.work-grid{display:grid;grid-template-columns:repeat(4,290px);grid-gap:36px;gap:36px;align-items:start}.work-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:290px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;transition:transform .16s,box-shadow .16s}.work-thumb{display:flex;align-items:center;justify-content:center;gap:10px;width:290px;height:164px;margin-bottom:11px;overflow:hidden;border:1px solid #e5e5e8;border-radius:8px;background:#f4f4f5}.work-thumb img{height:124px;width:auto;border-radius:5px;object-fit:cover;object-position:top;box-shadow:0 3px 8px rgba(0,0,0,.05)}.work-thumb.project{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;padding:12px}.work-thumb.project span{width:100%;height:100%;border:1px solid #dedfe2;border-radius:7px;background:#f4f4f5}.work-card b,.work-card small{display:block;padding-left:4px}.work-card b{margin-bottom:6px;font-weight:500}.work-card small{color:#8b8c92}.work-card.compact .work-thumb{height:164px}.trash-tabs{display:inline-grid;grid-template-columns:72px 72px;height:32px;margin:4px 0 28px;padding:2px;border-radius:18px;background:#f3f3f4}.trash-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:16px;background:transparent;cursor:pointer}.trash-tabs button.active{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08)}.team-settings-page{height:100%;min-width:0;overflow:auto}.team-settings-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.team-settings-tabs{display:flex;height:34px;padding:2px;border-radius:18px;background:#f3f3f4}.team-settings-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:78px;padding:0 14px;border:0;border-radius:16px;background:transparent;cursor:pointer}.team-settings-tabs button.active{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08)}.invite-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:6px;height:34px;padding:0 16px;border:0;border-radius:18px;background:#f4f4f5;cursor:pointer}.invite-button svg{width:16px}.team-basic{display:grid;grid-template-columns:96px minmax(0,1fr);grid-column-gap:32px;column-gap:32px;max-width:1470px}.team-avatar-large{display:grid;width:80px;height:80px;place-items:center;border-radius:12px;color:#fff;background:#8d4dff;font-size:38px}.team-basic-details{display:grid;grid-gap:30px;gap:30px;max-width:560px}.setting-item{display:grid;grid-gap:9px;gap:9px}.setting-action>b,.setting-item>b{font-size:14px;font-weight:600}.setting-item>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.setting-action button,.text-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:max-content;padding:0;border:0;color:#00a85a;background:transparent;cursor:pointer}.team-name-form{display:flex;align-items:center;gap:8px}.team-name-form input{width:250px;height:34px;padding:0 10px;border:1px solid #d9dadd;border-radius:6px;outline:0}.team-name-form button{height:32px;padding:0 14px;border:0;border-radius:6px;color:#fff;background:#111;cursor:pointer}.setting-inline{display:flex;align-items:center;gap:7px}.setting-inline button{display:grid;padding:0;border:0;background:transparent;cursor:pointer}.setting-inline svg{width:14px}.select-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:4px;height:34px;padding:0 10px;border:0;border-radius:6px;background:#f3f3f4;cursor:pointer}.select-action svg{width:14px}.owner-row{display:flex;align-items:center;gap:6px}.member-identity i,.owner-row i{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;color:#fff;background:#4c6dff;font-size:11px;font-style:normal}.team-danger-zone{grid-column:2;display:grid;grid-gap:32px;gap:32px;margin-top:30px;padding-top:30px;border-top:1px solid #e8e8ea}.setting-action{display:grid;grid-gap:8px;gap:8px}.setting-action span{color:#6e6f75}.setting-action button.danger{color:#ff685f}.member-controls{display:flex;align-items:center;min-height:40px;border-bottom:1px solid #e5e5e7}.member-tabs{display:flex;align-self:stretch;gap:22px;margin-right:auto}.member-tabs button,.permission-filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;padding:0;border:0;background:transparent;cursor:pointer}.member-tabs button.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#111}.permission-filter{display:flex;align-items:center;gap:3px;margin-right:18px}.permission-filter svg{width:14px}.member-search{display:flex;align-items:center;gap:7px;width:240px;height:32px;padding:0 10px;border-radius:6px;background:#f2f2f3}.member-search svg{width:15px;color:#8b8c92}.member-search input{min-width:0;width:100%;border:0;outline:0;background:transparent}.member-table{margin-top:20px}.member-row{display:grid;grid-template-columns:38px minmax(280px,1.2fr) minmax(180px,1fr) 80px;align-items:center;min-height:42px}.member-row input{width:16px;height:16px;margin:0 0 0 4px;accent-color:#18b968}.member-head{color:#8c8d93}.member-identity{display:flex;align-items:center;gap:9px}.member-identity i{width:26px;height:26px}.member-identity b{padding:3px 8px;border-radius:4px;color:#0a9c55;background:#dff6e9;font-size:12px;font-weight:500}.team-files-heading{display:flex;align-items:center;gap:20px;margin:16px 0 28px}.team-files-heading b{margin-right:auto}.team-files-heading button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:3px;border:0;background:transparent;cursor:pointer}.team-files-heading svg{width:14px}.team-resources{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding-top:180px;color:#8c8d93}.team-resources b{color:#333439;font-weight:500}.resource-mark{display:grid;width:48px;height:48px;margin-bottom:4px;place-items:center;border-radius:8px;color:#62646a;background:#f2f2f3}.dialog-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:rgba(22,22,24,.32)}.invite-dialog{position:relative;width:min(420px,calc(100vw - 32px));padding:28px;border-radius:8px;background:#fff;box-shadow:0 20px 70px rgba(0,0,0,.2)}.invite-dialog h2{margin:0 0 8px;font-size:20px;letter-spacing:0}.invite-dialog p{margin:0 0 26px;color:#77787e}.invite-dialog label{display:grid;grid-gap:8px;gap:8px}.invite-dialog input{height:40px;padding:0 12px;border:1px solid #dedee1;border-radius:6px;outline:0}.dialog-close{position:absolute;top:18px;right:18px;display:grid;padding:4px;border:0;place-items:center;background:transparent;cursor:pointer}.send-invite{width:100%;height:40px;margin-top:20px;border:0;border-radius:6px;color:#fff;background:#151517;cursor:pointer}.send-invite:disabled{color:#aaa;background:#e6e6e8;cursor:default}.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%}.initial-design-row img{width:auto;max-width:30%;height:min(66vh,616px);object-fit:contain;border-radius:1.1em;box-shadow:0 0 0 1px rgba(0,0,0,.03)}.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{position:relative;display:block;width:3.35em;height:2em;padding:0;overflow:hidden;border:1px solid #d9dade;border-radius:1em;color:#6f7076;background:#ececef;transition:border-color .2s,background .2s}.edit-toggle:after{content:"";position:absolute;top:.2em;left:.2em;width:1.48em;height:1.48em;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.24);transition:transform .2s ease}.edit-toggle svg{position:absolute;z-index:1;top:.48em;right:.34em;width:1em;height:1em}.edit-toggle.active{color:#fff;border-color:var(--purple);background:var(--purple)}.edit-toggle.active:after{transform:translateX(1.35em)}.edit-toggle.active svg{right:auto;left:.34em}.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}.streamed-response{min-height:4.8em;white-space:pre-line}.stream-caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-.15em;background:#151517;animation:stream-blink .72s steps(1) infinite}@keyframes stream-blink{50%{opacity:0}}.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){.login-screen{grid-template-columns:1fr 40vw}.dashboard-shell{grid-template-columns:220px minmax(0,1fr)}.work-grid{grid-template-columns:repeat(3,260px)}.work-card,.work-thumb{width:260px}.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}}