@import "https://api.fontshare.com/v2/css?f[]=satoshi@400,500,600,700&f[]=general-sans@400,500,600,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Lato:wght@400;700;900&family=Manrope:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@400;600;700&family=Playfair+Display:wght@400;600;700&family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap";:root{--ink:#0b0b0d;--muted:#7d8696;--line:#e1e5eb;--paper:#fff;--panel:#f5f7fb;--dark:#000;--dark-panel:#111318;--accent:#3b82f6;--brand-blue:#3b82f6;--brand-blue-strong:#2563eb;--brand-blue-soft:#16233d;--neutral-950:#000;--neutral-900:#0b0b0d;--neutral-850:#111318;--neutral-800:#1b1f27;--neutral-700:#2a303b;--neutral-500:#7d8696;--neutral-300:#d7dde6;--neutral-100:#f5f7fb}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{font-family:Satoshi,Avenir Next,General Sans,Arial,Helvetica,sans-serif;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{background:#fff;min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:30;background:#fff;grid-template-columns:260px 1fr auto;align-items:center;gap:24px;height:72px;padding:0 30px;display:grid;position:relative}.editor .topbar{color:#fff;background:#171717;border-bottom-color:#363636}.brand-lockup{white-space:nowrap;align-items:center;gap:8px;font-family:Satoshi,Avenir Next,General Sans,Arial,sans-serif;text-decoration:none;display:inline-flex}.brand-button{color:inherit;text-align:left;background:0 0;border:0;padding:0}.brand-button:hover .brand-wordmark,.brand-button:hover .brand-logo{opacity:.78}.brand-logo{flex-shrink:0;width:auto;height:26px;display:block}.brand-wordmark-logo{object-fit:contain}.brand-name{align-items:baseline;gap:4px;line-height:1;display:inline-flex}.brand-wordmark{letter-spacing:-.04em;color:#fffffff2;font-family:Satoshi,Avenir Next,General Sans,Arial,sans-serif;font-size:30px;font-weight:600;line-height:1}.project-breadcrumb{color:#9b9b9b;align-items:center;gap:9px;font-size:12px;display:flex}.project-breadcrumb button{color:inherit;background:0 0;border:0;padding:4px 0}.project-breadcrumb button:hover{color:#fff}.project-breadcrumb strong{color:inherit;font-size:13px;font-weight:600}.editor .project-breadcrumb strong{color:#fff}.save-state{color:#8a8a8a;align-items:center;gap:6px;margin-left:12px;display:inline-flex}.save-state span{background:#16c04a;border-radius:50%;width:6px;height:6px}.top-context{color:#969696;font-size:12px}.top-actions{justify-self:end;align-items:center;gap:10px;display:flex;position:relative}.icon-button{color:#777;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.editor .icon-button{color:#b8b8b8}.icon-button:hover{color:#171717;background:#f1f1f1}.editor .icon-button:hover{color:#fff;background:#2d2d2d}.preview-button,.export-button,.quiet-button,.new-flow-button,.generate-button{border-radius:7px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:600;transition:all .18s;display:inline-flex}.preview-button{color:#fff;background:#4b83ff;border:1px solid #4b83ff;order:3;min-height:40px;padding:11px 18px;box-shadow:0 6px 14px #4b83ff33}.preview-button:hover{color:#fff;background:#376fda;border-color:#376fda;transform:translateY(-1px)}.preview-button svg{stroke-width:2.2px}.quiet-button:hover{background:#f5f5f5;border-color:#aaa}.export-button{color:#171717;background:#fff;border:1px solid #fff;order:1;padding:10px 14px}.export-button:hover{background:#e9e9e9}.avatar,.mini-avatar{color:#315ea8;background:#f4f4f4;border-radius:50%;place-items:center;width:30px;height:30px;margin-left:5px;font-size:10px;font-weight:700;display:grid}.avatar-button{border:0}.profile-menu,.workspace-menu{color:#222;z-index:40;background:#fff;border:1px solid #dedede;border-radius:9px;gap:7px;width:190px;padding:14px;display:grid;position:absolute;top:43px;right:0;box-shadow:0 16px 35px #00000029}.profile-menu strong,.workspace-menu strong{font-size:11px}.profile-menu span,.workspace-menu span{color:#999;margin-bottom:5px;font-size:10px}.profile-menu button,.workspace-menu button{color:#555;text-align:left;background:0 0;border:0;border-top:1px solid #eee;padding:9px 0 2px;font-size:11px}.profile-menu button:hover,.workspace-menu button:hover{color:#111}.home-view{max-width:1080px;margin:0 auto;padding:80px 42px}.projects-home{box-sizing:border-box;width:100%;max-width:none;padding:36px 30px 48px}.projects-home .home-heading{align-items:center;gap:16px;padding-bottom:28px;display:flex}.projects-home .home-heading h1{letter-spacing:-.035em;font-size:28px}.projects-home .home-heading .new-flow-button{border-radius:8px;min-height:44px;margin:0}.projects-home h2{letter-spacing:-.025em;margin:0;font-size:20px}.projects-home .project-section{padding-top:24px}.projects-home .project-section-heading{flex-wrap:wrap;gap:16px}.projects-home .project-section-heading>span,.projects-home .project-section-heading p{color:#666;margin:8px 0 0;font-size:13px}.saved-projects-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.saved-project-card{text-align:left;color:#171717;background:#fff;border:1px solid #ddd;border-radius:12px;padding:0;overflow:hidden}.saved-project-card:hover{border-color:#4b83ff}.saved-project-open{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0}.saved-project-open:hover{background:0 0}.saved-project-menu-wrap{z-index:2;position:absolute;top:10px;right:10px}.saved-project-card{position:relative}.saved-project-menu-button{color:#666;letter-spacing:1px;background:#ffffffd1;border:1px solid #0000;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;line-height:1;display:grid}.saved-project-menu-button:hover{color:#171717;border-color:#4b83ff}.saved-project-menu{background:#292929;border:1px solid #444;border-radius:8px;gap:2px;width:132px;padding:5px;display:grid;position:absolute;top:34px;right:0;box-shadow:0 10px 22px #0003}.saved-project-menu button{color:#ddd;text-align:left;background:0 0;border:0;border-radius:5px;padding:8px;font-size:11px}.saved-project-menu button:hover{color:#fff;background:#3a3a3a}.projects-section-footer{justify-content:flex-end;margin-top:16px;display:flex}.see-projects-button{color:#fff;background:#222;border:1px solid #555;border-radius:7px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:600;display:inline-flex}.see-projects-button:hover{background:#2d3544;border-color:#4b83ff}.saved-project-art{color:#535d70;background:#f1f3f7;justify-content:center;align-items:center;gap:14px;height:108px;font-size:13px;display:flex}.saved-project-card>div:last-child{padding:16px}.saved-project-card h3{overflow-wrap:anywhere;margin:0;font-size:15px}.saved-project-card p{color:#666;margin:8px 0 0;font-size:13px}.projects-empty{color:#444;border:1px dashed #ccc;border-radius:12px;grid-column:1/-1;padding:24px}.projects-empty p{color:#666;margin:8px 0 0;font-size:14px}.home-templates{border-top:0;margin-top:0;padding-top:0}.projects-home .templates-heading-copy{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.projects-home .templates-heading-copy h2,.projects-home .templates-heading-copy p{flex-basis:100%}.projects-home .templates-heading-copy p{margin:0}.projects-home .home-templates .new-flow-button{margin-top:4px}.template-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.my-projects-button{color:#fff;background:#222;border:1px solid #555;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 15px;font-size:12px;font-weight:600;transition:all .18s;display:inline-flex}.my-projects-button:hover{background:#2d3544;border-color:#4b83ff;transform:translateY(-1px)}.placeholder-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.placeholder-template-card{background:#fff;border:1px solid #dedede;border-radius:12px;overflow:hidden}.placeholder-template-art{background:#f0f1f3;justify-content:center;align-items:center;gap:12px;height:200px;display:flex}.placeholder-template-art.variant-1{background:#e9edf5}.placeholder-template-art.variant-2{background:#e3e4e7}.placeholder-template-art.variant-3{background:#eef0f3}.template-sample-phone{background:#fff;border:1px solid #ccc;border-radius:14px;flex-direction:column;gap:7px;width:68px;height:144px;padding:10px 8px;display:flex;box-shadow:0 4px 12px #00000008}.template-sample-phone i{background:#222;border-radius:5px;width:24px;height:5px;margin:0 auto 15px}.template-sample-phone b{background:#aeb3bc;border-radius:3px;width:80%;height:12px;margin-bottom:3px}.template-sample-phone span{border:1px solid #e0e2e6;border-radius:3px;height:13px}.template-sample-phone em{background:#2c2e32;border-radius:6px;height:12px;margin-top:auto}.placeholder-template-meta{padding:16px}.placeholder-template-meta h3{margin:0;font-size:15px}.placeholder-template-meta p{color:#666;margin:8px 0 16px;font-size:12px}.placeholder-template-meta button{color:#777;cursor:not-allowed;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;display:flex}.template-pagination{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;display:flex}.template-pagination button{color:#333;background:#fff;border:1px solid #ddd;border-radius:8px;width:44px;height:44px}.template-pagination button[aria-current=page]{color:#fff;background:#171717;border-color:#171717}.template-pagination button:disabled{color:#aaa;cursor:not-allowed}.template-pagination button:hover:not(:disabled):not([aria-current]){background:#eef3ff}.template-page-status{text-align:center;color:#666;font-size:12px}.projects-home button:focus-visible{outline-offset:3px;outline:2px solid #4b83ff}.app-shell.projects{background:var(--neutral-950);color:#fff;min-height:100vh}.app-shell.projects .topbar{background:var(--neutral-950);border-bottom-color:var(--neutral-800);color:#fff}.projects-view{background:var(--neutral-950);color:#fff;min-height:calc(100vh - 48px);padding:58px 30px 64px}.projects-view-inner{width:100%;max-width:1180px;margin:0 auto}.projects-view-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.projects-view-heading h1{color:#fff;letter-spacing:-.05em;margin:0;font-size:34px}.projects-view-heading p:not(.section-kicker){color:var(--neutral-500);margin:8px 0 0;font-size:13px}.projects-view .saved-projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.projects-view .saved-project-card{border-color:var(--neutral-700);background:var(--neutral-900);color:#fff}.projects-view .saved-project-card:hover{border-color:var(--brand-blue)}.projects-view .saved-project-art{background:var(--brand-blue-soft);color:#c9d9ff}.projects-view .saved-project-card p{color:var(--neutral-500)}.projects-view .projects-empty{border-color:var(--neutral-700);color:#fff}.projects-view .projects-empty p{color:var(--neutral-500)}.projects-view button:focus-visible{outline:2px solid var(--brand-blue);outline-offset:3px}@media (max-width:1000px){.saved-projects-grid,.placeholder-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.home-view.projects-home{padding:24px 16px}.saved-projects-grid,.placeholder-template-grid,.projects-view .saved-projects-grid{grid-template-columns:1fr}.projects-view{padding:34px 16px 48px}.projects-view-heading{flex-direction:column;align-items:start}.template-pagination{gap:4px}.template-pagination button{width:40px}}.projects-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.projects-select-all{border:1px solid var(--neutral-700);min-height:40px;color:var(--neutral-300);cursor:pointer;background:0 0;border-radius:9px;padding:0 13px;font-size:12px;transition:background .18s,border-color .18s,color .18s}.projects-select-all:hover{border-color:var(--brand-blue);background:var(--brand-blue-soft);color:#fff}.projects-bulk-bar{color:#dce7ff;background:#101a2d;border:1px solid #2f4e88;border-radius:10px;align-items:center;gap:10px;min-height:50px;margin:-12px 0 20px;padding:7px 9px 7px 14px;display:flex}.projects-bulk-bar>span{margin-right:auto;font-size:12px}.projects-bulk-bar strong{color:#fff}.projects-bulk-clear,.projects-bulk-delete{cursor:pointer;border-radius:7px;min-height:34px;padding:0 11px;font-size:11px}.projects-bulk-clear{color:#b9c8e8;background:0 0;border:1px solid #35405a}.projects-bulk-clear:hover{color:#fff;border-color:#5977b2}.projects-bulk-delete{color:#ffe1e4;background:#5b222c;border:1px solid #7a3c47;align-items:center;gap:6px;display:inline-flex}.projects-bulk-delete:hover{background:#762b38;border-color:#e36b78}.saved-project-card.is-selected{border-color:var(--brand-blue);box-shadow:0 0 0 2px #4b83ff2e}.saved-project-select{z-index:3;cursor:pointer;background:#0a0a0cc2;border:1px solid #ffffff47;border-radius:9px;place-items:center;width:40px;height:40px;transition:border-color .18s,background .18s,transform .18s;display:grid;position:absolute;top:10px;left:10px}.saved-project-select:hover{border-color:var(--brand-blue);background:#14223eeb;transform:translateY(-1px)}.saved-project-select input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.saved-project-select span{background:0 0;border:1.5px solid #bcc5d8;border-radius:5px;width:17px;height:17px;box-shadow:0 1px 2px #0005}.saved-project-select input:checked+span{border-color:var(--brand-blue);background:var(--brand-blue);box-shadow:inset 0 0 0 3px #101a2d}.saved-project-select:focus-within{outline:2px solid var(--brand-blue);outline-offset:3px}@media (max-width:540px){.projects-heading-actions{justify-content:stretch;width:100%}.projects-heading-actions>*{flex:1}.projects-bulk-bar{flex-wrap:wrap;align-items:stretch}.projects-bulk-bar>span{flex-basis:100%}.projects-bulk-clear,.projects-bulk-delete{flex:1}}.preview-overlay .overlay-top .brand-lockup{top:calc(50% - (var(--preview-stage-height,828.99px) / 2) - 33px);z-index:4;gap:1px;position:absolute;left:50%;transform:translate(-50%,-50%)}@media (max-width:760px){.preview-overlay .overlay-top .brand-lockup{top:calc(50% - (var(--preview-stage-height,828.99px) / 2) - 33px)}.preview-overlay .overlay-top .preview-top-actions{top:16px;right:16px}}.home-heading{justify-content:space-between;align-items:end;gap:40px;padding-bottom:78px;display:flex}.home-heading h1{letter-spacing:-.065em;margin:0;font-size:56px;line-height:1.02}.home-heading p:last-child{color:#878787;margin:19px 0 0;line-height:1.6}.new-flow-button{color:#fff;white-space:nowrap;background:#171717;border:1px solid #171717;padding:12px 16px}.new-flow-button:hover{background:#353535}.project-section{border-top:1px solid var(--line);padding-top:28px}.project-section-heading{justify-content:space-between;align-items:end;margin-bottom:17px;display:flex}.project-section h2{letter-spacing:-.04em;margin:0;font-size:24px}.text-button{color:#555;background:0 0;border:0;align-items:center;gap:7px;font-size:11px;font-weight:600;display:inline-flex}.text-button:hover{color:#000}.project-card{text-align:left;background:#fff;border:1px solid #ddd;border-radius:12px;width:100%;max-width:610px;padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.project-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #00000014}.project-art{background:linear-gradient(120deg,#dbe7ff,#dbe7ff 52%,#f4f4f4);place-items:center;height:240px;display:grid}.project-art-phone{color:#fff;background:#171717;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:130px;height:200px;display:flex;box-shadow:0 16px 24px #0003}.project-art-phone span{width:55px;height:55px;color:var(--accent);background:#e4ecfb;border-radius:20px;place-items:center;font-size:22px;display:grid}.project-art-phone strong{font:700 20px Georgia,serif}.project-art-phone small{color:#aaa;font-size:10px}.project-card-meta{justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.project-card-meta h3{margin:7px 0 5px;font-size:17px}.project-card-meta p{color:#999;margin:0;font-size:11px}.project-card-meta>svg{color:#888}.project-status{color:#7f8da5;letter-spacing:.1em;font-size:9px;font-weight:700}.editor{color:#fff;background:#252525;height:100vh;min-height:700px;overflow:hidden}.editor .workspace{grid-template-columns:220px minmax(560px,1fr) 290px;height:calc(100vh - 72px);min-height:0;display:grid;overflow:hidden}.sidebar{background:#1d1d1d;border-right:1px solid #3b3b3b;flex-direction:column;min-width:0;padding:24px 13px 18px;display:flex;overflow:hidden}.sidebar-main-nav{gap:3px;display:grid}.nav-item{text-align:left;color:#9b9b9b;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;padding:10px 12px;font-size:12px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#333}.nav-item.active{font-weight:600}.new-pill{color:#b8cbf4;background:#444;border-radius:20px;margin-left:auto;padding:3px 6px;font-size:9px;font-weight:700}.sidebar-divider{background:#373737;height:1px;margin:23px 10px 20px}.sidebar-caption{color:#777;text-transform:uppercase;letter-spacing:.13em;margin:0 11px 9px;font-size:9px;font-weight:700}.sidebar-link{color:#aaa;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:10px 12px;font-size:11px;display:flex}.sidebar-link:hover{color:#fff;background:#2a2a2a}.sidebar-bottom-wrap{margin-top:auto;position:relative}.sidebar-bottom{color:#fff;text-align:left;background:0 0;border:0;border-top:1px solid #373737;align-items:center;gap:9px;width:100%;padding:17px 10px 0;display:flex}.mini-avatar{color:#315ea8;background:#e4ecfb;width:26px;height:26px;margin:0}.sidebar-bottom div:nth-child(2){flex:1;gap:3px;display:grid}.sidebar-bottom strong{font-size:11px}.sidebar-bottom span{color:#777;font-size:10px}.workspace-menu{color:#fff;background:#292929;border-color:#454545;top:auto;bottom:48px;right:0}.workspace-menu span,.workspace-menu button{color:#aaa;border-color:#444}.workspace-menu button:hover{color:#fff}.editor-area{color:#171717;background:#e5e5e5;flex-direction:column;min-width:0;padding:25px 0 28px;display:flex;overflow:hidden}.editor-heading{flex:none;justify-content:space-between;align-items:end;gap:20px;width:100%;max-width:1050px;margin:0 auto 16px;display:flex}.section-kicker{color:#929292;letter-spacing:.12em;margin:0 0 7px;font-size:9px;font-weight:700}.section-kicker span{color:#c5c5c5;margin:0 4px}.editor-heading h1{letter-spacing:-.05em;margin:0;font-size:24px;line-height:1.15}.heading-actions{gap:8px;display:flex}.quiet-button{color:#555;background:#fff;border:1px solid #d8d8d8;padding:9px 12px}.quiet-button:hover{color:#111}.flow-strip{flex:none;width:100%;max-width:1050px;margin:0 auto 14px}.flow-strip-heading{justify-content:space-between;align-items:end;margin-bottom:9px;display:flex}.flow-strip-heading>div:first-child{gap:1px;display:grid}.flow-strip-heading .section-kicker{margin:0}.flow-strip-heading span{color:#999;font-size:10px}.flow-actions{align-items:center;gap:6px;display:flex}.flow-arrow{color:#777;background:#fff;border:1px solid #d7d7d7;border-radius:6px;width:30px;height:30px;font-size:16px}.flow-arrow:hover{color:#111;border-color:#aaa}.flow-cards{scrollbar-width:thin;gap:8px;padding:2px 1px 7px;display:flex;overflow-x:auto}.flow-card{color:#555;text-align:left;background:#f7f7f7;border:1px solid #d8d8d8;border-radius:7px;flex:0 0 130px;grid-template-rows:1fr 1fr;grid-template-columns:24px 1fr;gap:0 6px;min-height:62px;padding:9px 10px;display:grid}.flow-card:hover{background:#fff;border-color:#999}.flow-card.selected{color:#111;background:#fff;border:2px solid #171717;padding:8px 9px}.flow-card-number{color:#a0a0a0;grid-row:1/3;padding-top:2px;font-size:9px}.flow-card.selected .flow-card-number{color:#4b83ff}.flow-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.flow-card-type{color:#999;align-self:end;font-size:9px}.canvas-wrap{background:#e5e5e5;border:1px solid #d5d5d5;border-radius:9px;flex:1;width:100%;max-width:1050px;min-height:0;margin:0 auto;overflow:hidden}.canvas-stage{place-items:center;width:100%;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.canvas-hint{color:#999;pointer-events:none;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.hint-key{color:#777;background:#f5f5f5;border:1px solid #c5c5c5;border-radius:4px;padding:3px 6px}.phone-shell{aspect-ratio:274/558;background:#151515;border-radius:39px;width:274px;height:558px;max-height:calc(100% - 30px);padding:7px;position:relative;box-shadow:0 22px 45px #00000040}.phone-speaker{z-index:2;background:#151515;border-radius:0 0 16px 16px;width:83px;height:21px;position:absolute;top:7px;left:calc(50% - 41px)}.phone-screen{background:#fff;border-radius:33px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.phone-status{color:#20242b;justify-content:space-between;padding:18px 22px 0;font-size:9px;font-weight:700;display:flex}.status-icons{letter-spacing:3px;font-size:8px}.phone-progress{background:#e2e2e2;border-radius:4px;height:3px;margin:18px 23px 0;overflow:hidden}.phone-progress span{background:var(--phone-accent,#315ea8);border-radius:inherit;height:100%;transition:width .25s;display:block}.phone-content{flex-direction:column;flex:1;align-items:flex-start;min-height:0;padding:36px 23px 26px;display:flex;overflow:hidden}.preview-orb{width:110px;height:110px;color:var(--phone-accent,#315ea8);background:#e4ecfb;border-radius:38% 62% 55% 45%/43% 40% 60% 57%;flex:none;place-items:center;margin:3px auto 27px;display:grid;transform:rotate(-9deg)}.preview-orb span{font:28px Georgia,serif;transform:rotate(9deg)}.preview-eyebrow{color:#999;letter-spacing:.13em;margin:0 0 11px;font-size:7px;font-weight:700}.phone-content h2{letter-spacing:-.055em;color:#20242b;max-width:210px;margin:0;font:700 25px/1.04 Georgia,Times New Roman,serif}.preview-description{color:#777;max-width:220px;margin:14px 0 20px;font-size:10px;line-height:1.5}.phone-cta{background:var(--phone-accent,#315ea8);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:auto;padding:12px;font-size:10px;font-weight:700;display:flex}.phone-skip{color:#999;background:0 0;border:0;width:100%;padding:10px 0 0;font-size:9px}.preview-options{gap:7px;width:100%;margin-bottom:16px;display:grid}.preview-option{color:#555;text-align:left;background:#ffffff87;border:1px solid #e8e8e8;border-radius:9px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:9px;display:flex}.preview-option.selected{border-color:var(--phone-accent,#315ea8);color:var(--phone-accent,#315ea8);background:#e4ecfb}.option-index{color:#aaa99e;font-size:8px}.option-check{color:var(--phone-accent,#315ea8);margin-left:auto;font-weight:700}.plan-card{width:100%;color:var(--phone-accent,#315ea8);background:#e4ecfb;border-radius:11px;gap:6px;margin-bottom:17px;padding:12px;display:grid}.plan-card span{text-transform:uppercase;letter-spacing:.12em;font-size:8px;font-weight:700}.plan-card strong{letter-spacing:-.05em;font:700 21px Georgia,serif}.plan-card small{letter-spacing:0;font:400 9px Arial,sans-serif}.plan-card em{color:#7f8da5;font-size:8px;font-style:normal}.phone-home{background:#20242b;border-radius:4px;width:80px;height:4px;margin:0 auto 8px;position:absolute;bottom:10px;left:calc(50% - 40px)}.inspector{color:#fff;background:#202020;border-left:1px solid #3b3b3b;min-width:0;overflow:hidden}.inspector-tabs{border-bottom:1px solid #393939;gap:23px;height:58px;padding:0 24px;display:flex}.inspector-tab{color:#888;background:0 0;border:0;border-bottom:2px solid #0000;font-size:12px}.inspector-tab.active{color:#fff;border-bottom-color:#4b83ff;font-weight:600}.inspector-scroll{height:calc(100% - 58px);padding:25px 22px;overflow-y:auto}.inspector-header{justify-content:space-between;align-items:start;margin-bottom:25px;display:flex}.inspector-header h2{letter-spacing:-.03em;margin:0;font-size:19px}.status-dot{background:#6f8fca;border-radius:50%;width:7px;height:7px;margin-top:7px}.inspector .section-kicker,.inspector .field-label{color:#888}.field-label{color:#999;gap:8px;margin-bottom:20px;font-size:10px;font-weight:700;display:grid}.field-label input,.field-label textarea,.option-field input{color:#fff;resize:vertical;background:#2a2a2a;border:1px solid #444;border-radius:6px;outline:0;padding:10px 11px;font-size:12px;line-height:1.4}.field-label input:focus,.field-label textarea:focus,.option-field input:focus{border-color:#4b83ff;box-shadow:0 0 0 3px #4b83ff1f}.field-group{margin:7px 0 22px}.field-label-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.field-label-row .field-label{margin:0}.small-plus{color:#ccc;background:#2b2b2b;border:1px solid #444;border-radius:5px;place-items:center;padding:3px;display:grid}.small-plus:hover{color:#fff;border-color:#888}.option-field{align-items:center;gap:7px;margin-bottom:7px;display:flex}.option-field>span{color:#777;text-align:center;width:17px;font-size:10px}.option-field input{width:100%;min-width:0;padding:8px 9px;font-size:11px}.inspector-section{border-top:1px solid #393939;padding-top:20px}.toggle-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.toggle-row div{gap:5px;display:grid}.toggle-row strong{font-size:11px}.toggle-row span{color:#888;font-size:10px}.toggle{background:#555;border:0;border-radius:20px;width:31px;height:18px;padding:2px}.toggle span{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;display:block}.toggle.on{background:#4b83ff}.toggle.on span{transform:translate(13px)}.ai-card{background:#2a2a2a;border:1px solid #414141;border-radius:8px;grid-template-columns:29px 1fr 25px;align-items:center;gap:10px;margin-top:30px;padding:12px;display:grid}.ai-icon{color:#8fb4ff;background:#27344f;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.ai-card strong{font-size:10px;display:block}.ai-card p{color:#999;margin:4px 0 0;font-size:9px;line-height:1.3}.ai-card button{color:#8fb4ff;background:0 0;border:0;place-items:center;display:grid}.block-palette{border-top:1px solid #393939;margin-bottom:20px;padding-top:18px}.drag-help{color:#777;font-size:9px}.block-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.block-chip{color:#bbb;text-align:left;background:#2a2a2a;border:1px solid #444;border-radius:6px;align-items:center;gap:7px;padding:9px 8px;font-size:10px;display:flex}.block-chip:hover{color:#fff;background:#313131;border-color:#777}.block-chip span{color:#8fb4ff;width:15px;font-weight:700}.style-copy{color:#999;margin:0 0 25px;font-size:11px;line-height:1.5}.swatches{flex-wrap:wrap;gap:9px;margin:-7px 0 26px;display:flex}.swatch{border:2px solid #202020;border-radius:50%;outline:1px solid #555;width:28px;height:28px}.swatch.selected{outline:2px solid #fff}.style-input input{height:42px;padding:4px}.style-preview{background:#2a2a2a;border:1px solid #414141;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.style-preview>span{border-radius:7px;width:28px;height:28px}.style-preview strong{font-size:10px}.style-preview p{color:#999;margin:4px 0 0;font-size:9px}.templates-view{background:#fff;min-height:calc(100vh - 72px);padding:67px clamp(40px,8vw,120px)}.templates-heading{justify-content:space-between;align-items:end;gap:40px;max-width:980px;margin:0 auto 43px;display:flex}.templates-heading h1{letter-spacing:-.06em;margin:0;font-size:39px}.templates-heading>div>p:last-child{color:#7b7b7b;margin:15px 0 0;line-height:1.6}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:980px;margin:0 auto;display:grid}.template-card{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px;transition:transform .2s,box-shadow .2s;overflow:hidden}.template-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #00000014}.template-art{border-radius:8px;height:230px;position:relative;overflow:hidden}.art-dot{opacity:.14;background:currentColor;border-radius:50%;width:74px;height:74px;position:absolute;top:38px;left:50%;transform:translate(-50%)}.art-line{opacity:.16;background:currentColor;border-radius:10px;height:10px;position:absolute;left:36px}.art-line.one{width:125px;top:145px}.art-line.two{width:82px;top:164px}.art-button{opacity:.75;background:currentColor;border-radius:7px;height:25px;position:absolute;bottom:27px;left:36px;right:36px}.template-meta{justify-content:space-between;align-items:end;padding:17px 6px 12px;display:flex}.template-meta p{color:#999;margin:0 0 5px;font-size:10px}.template-meta h3{letter-spacing:-.03em;margin:0;font-size:17px}.template-meta>span{color:#999;font-size:10px}.template-use{color:#fff;background:#2f8f5b;border:0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;padding:11px 12px;font-size:11px;font-weight:600;display:flex}.template-use:hover{color:#fff;background:#247246}.template-note{color:#333;background:#fafafa;border:1px dashed #ccc;border-radius:10px;align-items:center;gap:12px;max-width:980px;margin:42px auto 0;padding:18px 20px;display:flex}.template-note>div{flex:1;gap:4px;display:grid}.template-note strong{font-size:11px}.template-note span{color:#888;font-size:10px}.template-note button{color:#222;background:0 0;border:0;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.template-note button:hover{color:#4b83ff}.settings-view{max-width:760px;margin:0 auto;padding:78px 35px}.settings-heading h1{letter-spacing:-.06em;margin:0;font-size:39px}.settings-heading>p:last-child{color:#888;margin:15px 0 38px}.settings-card{background:#fff;border:1px solid #ddd;border-radius:11px;padding:0 22px 22px}.settings-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:25px;min-height:76px;display:flex}.settings-row>div{gap:6px;display:grid}.settings-row strong{font-size:12px}.settings-row span{color:#999;font-size:10px}.settings-row input{border:1px solid #ddd;border-radius:6px;width:220px;padding:9px 10px;font-size:11px}.settings-value{font-weight:700;color:#222!important}.settings-back{margin-top:22px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000007a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ai-modal,.export-modal{color:#171717;background:#fff;border-radius:13px;width:min(500px,100%);padding:26px;box-shadow:0 25px 80px #0000004d}.export-modal{width:min(560px,100%)}.modal-top{justify-content:space-between;align-items:start;display:flex}.modal-title{align-items:center;gap:11px;display:flex}.modal-top h2{letter-spacing:-.04em;margin:0;font-size:22px}.modal-copy{color:#777;max-width:450px;margin:15px 0 19px;font-size:12px;line-height:1.55}.ai-prompt{resize:vertical;color:#171717;border:1px solid #ddd;border-radius:8px;outline:0;width:100%;padding:13px;font-size:12px;line-height:1.5}.ai-prompt:focus{border-color:#4b83ff;box-shadow:0 0 0 3px #4b83ff1f}.suggestion-row{flex-wrap:wrap;gap:6px;margin:10px 0 20px;display:flex}.suggestion-row button{color:#666;background:#f7f7f7;border:1px solid #ddd;border-radius:20px;padding:7px 10px;font-size:10px}.generate-button{color:#fff;background:#171717;border:0;width:100%;padding:12px}.generate-button:hover{background:#333}.modal-footnote{color:#aaa;text-align:center;margin:14px 0 0;font-size:10px}.code-window{background:#20242b;border-radius:8px;margin:20px 0;overflow:hidden}.code-header{color:#888;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;height:32px;padding:0 12px;display:flex}.code-header span{gap:4px;display:flex}.code-header i{background:#8fb4ff;border-radius:50%;width:6px;height:6px}.code-header i:nth-child(2){background:#a8a8a8}.code-header i:nth-child(3){background:#6f8fca}.code-header small{font-size:9px}.code-window pre{color:#e4ecfb;max-height:330px;margin:0;padding:18px;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.export-actions{justify-content:end;gap:8px;display:flex}.export-actions .generate-button{width:auto;padding:10px 13px}.export-actions .quiet-button{padding:9px 13px}.export-tabs{background:#f1f1f1;border-radius:7px;gap:4px;margin-top:18px;padding:4px;display:flex}.export-tabs button{color:#888;background:0 0;border:0;border-radius:5px;flex:1;padding:8px;font-size:10px}.export-tabs button.active{color:#171717;background:#fff;font-weight:700;box-shadow:0 1px 3px #0000001a}.modal-copy code{color:#2f65d6;background:#e7efff;border-radius:3px;padding:2px 4px;font:10px ui-monospace,monospace}.export-code-type{color:#171717;background:#f8f8f8;border:1px solid #e2e2e2;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:10px 12px;font-size:11px;font-weight:700;display:flex}.export-code-type small{color:#888;font:500 10px ui-monospace,monospace}.preview-overlay{z-index:45;color:#171717;background:#f2f2f2;position:fixed;inset:0}.overlay-top{background:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;height:72px;padding:0 30px;display:flex}.close-preview{color:#555;background:#fff;border:1px solid #d3d3d3;border-radius:7px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:flex}.full-preview{justify-content:center;align-items:center;gap:clamp(55px,11vw,170px);min-height:calc(100vh - 72px);padding:40px;display:flex}.preview-copy{max-width:350px}.preview-copy h1{letter-spacing:-.06em;margin:0;font:700 45px/1.03 Georgia,serif}.preview-copy>p:not(.section-kicker){color:#777;margin:18px 0 27px;line-height:1.6}.preview-dots{gap:6px;display:flex}.preview-dots button{background:#d2d2d2;border:0;border-radius:4px;width:23px;height:4px}.preview-dots button.active{background:#171717;width:34px}.toast{z-index:70;color:#fff;background:#171717;border-radius:7px;align-items:center;gap:9px;padding:11px 15px;font-size:11px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 9px 24px #0003}.toast span{color:#9fb8ea}.sidebar-library{padding:0 10px 15px}.sidebar-library .sidebar-caption{margin-left:0}.library-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.library-grid button{color:#aaa;text-align:left;background:#292929;border:1px solid #3f3f3f;border-radius:6px;align-items:center;gap:6px;min-width:0;padding:9px 7px;font-size:10px;display:flex}.library-grid button:hover{color:#fff;background:#373737;border-color:#666}.library-grid button span{color:#8fb4ff;font-weight:700}.library-note{color:#707070;margin:10px 0 0;font-size:9px;line-height:1.4}.screen-board-grid{align-items:flex-start;gap:22px;width:100%;height:100%;padding:22px 26px 42px;display:flex;overflow:auto hidden}.screen-board{flex-direction:column;flex:0 0 274px;align-items:center;gap:10px;min-width:274px;display:flex}.screen-board-toolbar{color:#999;justify-content:space-between;align-items:center;width:100%;font-size:10px;display:flex}.screen-board-toolbar>div{gap:5px;display:flex}.screen-board-toolbar button{color:#777;background:#f5f5f5;border:1px solid #cfcfcf;border-radius:5px;width:26px;height:24px;font-size:13px}.screen-board-toolbar button:disabled{opacity:.35;cursor:not-allowed}.screen-board-select{cursor:pointer;border-radius:40px;padding:4px;transition:filter .18s,transform .18s}.screen-board-select:hover{filter:brightness(1.03);transform:translateY(-2px)}.screen-board>p{color:#777;text-align:center;width:100%;margin:0;font-size:11px}.screen-board.selected>p{color:#171717;font-weight:700}.preview-controls{color:#777;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:12px;padding:6px 8px;font-size:10px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000014}.preview-controls button{color:#555;background:#f2f2f2;border:0;border-radius:5px;width:26px;height:24px}.preview-controls button:hover{color:#fff;background:#171717}.screen-title-field{align-items:center;gap:6px;display:flex!important}.screen-title-field input{color:#555;background:0 0;border:0;border-bottom:1px solid #c8c8c8;outline:0;width:112px;padding:3px 2px;font-size:11px}.screen-title-field input:focus{color:#111;border-bottom-color:#4b83ff}.left-properties{border-top:1px solid #373737;border-bottom:1px solid #373737;margin:0 10px 16px;padding:15px 0 17px}.left-properties-heading{justify-content:space-between;align-items:end;gap:8px;margin-bottom:13px;display:flex}.left-properties-heading .sidebar-caption{margin:0}.left-properties-heading>span{text-overflow:ellipsis;white-space:nowrap;color:#eee;max-width:100px;font-size:10px;overflow:hidden}.left-field{color:#888;gap:6px;margin-bottom:11px;font-size:9px;display:grid}.left-field input,.left-field textarea{color:#fff;resize:vertical;background:#292929;border:1px solid #3e3e3e;border-radius:5px;outline:0;width:100%;padding:8px;font-size:10px}.left-field input:focus,.left-field textarea:focus{border-color:#4b83ff}.dimension-fields{grid-template-columns:1fr 1fr;gap:7px;display:grid}.left-clear{color:#8fb4ff;background:0 0;border:0;padding:5px 0;font-size:10px}.left-tip{color:#777;margin:10px 0 0;font-size:9px;line-height:1.45}.left-toggle-row{color:#aaa;justify-content:space-between;align-items:center;margin:9px 0;font-size:10px;display:flex}.left-toggle-row .toggle{flex:none}.empty-left-properties{color:#999;gap:7px;font-size:10px;display:grid}.empty-left-properties>span{color:#8fb4ff;font-size:21px}.empty-left-properties strong{color:#fff;font-size:11px}.empty-left-properties small{line-height:1.4}.empty-left-properties button{color:#fff;background:#2a2a2a;border:1px solid #555;border-radius:5px;width:max-content;padding:7px 9px;font-size:10px}.empty-left-properties button:hover{border-color:#4b83ff}.empty-project-canvas{color:#777;text-align:center;place-items:center;width:100%;height:100%;display:grid}.empty-project-canvas>div{place-items:center;gap:7px;display:grid}.empty-project-canvas>div>span{color:#4b83ff;font-size:35px}.empty-project-canvas h2{color:#444;margin:0;font-size:22px}.empty-project-canvas p{margin:0 0 9px;font-size:11px}.editable-screen{position:relative}.editable-base{z-index:0;pointer-events:none;flex-direction:column;align-items:flex-start;display:flex;position:absolute;inset:78px 23px 24px}.editable-base .preview-orb{margin:3px auto 27px}.empty-canvas-message{color:#aaa;text-align:center;align-content:center;place-items:center;gap:6px;width:100%;height:100%;display:grid}.empty-canvas-message span{color:#4b83ff;font-size:24px}.empty-canvas-message strong{color:#8a8a82;font-size:11px}.empty-canvas-message small{font-size:8px}.canvas-grid{z-index:1;pointer-events:none;opacity:.42;background-image:linear-gradient(90deg,#4b83ff29 1px,#0000 1px),linear-gradient(#4b83ff29 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.editable-element{z-index:3;color:#444;cursor:move;-webkit-user-select:none;user-select:none;background:#ffffffd6;border:1px solid #0000;border-radius:7px;align-items:center;padding:7px 10px;font-size:9px;display:flex;position:absolute;box-shadow:0 2px 5px #0000000d}.editable-element:hover,.editable-element.selected{border-color:#4b83ff;box-shadow:0 0 0 2px #4b83ff1f}.element-headline{background:0 0;border:0;font:700 18px/1.05 Georgia,serif}.element-description{color:#777;background:#ffffffa8}.element-button{background:var(--phone-accent,#315ea8);color:#fff;justify-content:center;font-weight:700}.element-option{border-color:#e8e8e8}.resize-handle{cursor:nwse-resize;background:#4b83ff;border:1px solid #fff;border-radius:2px;width:10px;height:10px;position:absolute;bottom:-5px;right:-5px}.editable-footer{z-index:2;pointer-events:none;gap:5px;display:grid;position:absolute;inset:auto 23px 19px}.editor-phone-cta{background:var(--phone-accent,#315ea8);color:#fff;text-align:center;border-radius:9px;width:100%;padding:10px;font-size:9px;font-weight:700}.editor-phone-cta span{margin-left:5px}.editor .sidebar{scrollbar-width:thin;scrollbar-color:#4b4b4b transparent;overflow-y:auto}.editor .inspector{display:none}.canvas-guides:before{opacity:0;border:1px dashed #315ea86b;transition:opacity .15s}.editable-screen.is-interacting .canvas-guides:before{opacity:1}.editable-element.is-transfer-dragging{border-color:#4b83ff;box-shadow:0 0 0 2px #4b83ff38,0 0 14px #4b83ff42}@media (max-width:1100px){.editor .workspace{grid-template-columns:205px minmax(500px,1fr) 260px}.topbar{grid-template-columns:220px 1fr auto;padding-inline:20px}.save-state{display:none}.inspector-scroll{padding-inline:16px}}@media (max-width:760px){.topbar{grid-template-columns:1fr auto;padding-inline:15px}.top-context,.project-breadcrumb,.top-actions .icon-button{display:none}.editor{min-height:100vh;overflow:auto}.editor .workspace{height:auto;min-height:calc(100vh - 72px);display:block}.sidebar{display:none}.editor-area{min-height:calc(100vh - 72px);padding:22px 14px}.editor-heading{flex-direction:column;align-items:start}.heading-actions{width:100%}.heading-actions .quiet-button{flex:1}.canvas-wrap{height:calc(100vh - 280px);min-height:470px}.phone-shell{transform:scale(.78)}.inspector{display:none}.flow-strip-heading{flex-direction:column;align-items:start;gap:10px}.flow-actions{width:100%}.flow-actions .quiet-button{margin-left:auto}.home-view{padding:55px 22px}.home-heading{padding-bottom:55px;display:block}.home-heading h1{font-size:42px}.home-heading .new-flow-button{margin-top:25px}.templates-view{padding:40px 18px}.templates-heading{display:block}.templates-heading h1{font-size:31px}.templates-heading .new-flow-button{margin-top:20px}.template-grid{grid-template-columns:1fr}.template-art{height:180px}.template-note{flex-wrap:wrap;align-items:start}.template-note button{margin-left:31px}.settings-view{padding:50px 18px}.settings-heading h1{font-size:32px}.settings-row{flex-direction:column;justify-content:center;align-items:start;gap:9px;padding:15px 0}.settings-row input{width:100%}.full-preview{flex-direction:column;gap:10px;padding:24px}.preview-copy{text-align:center}.preview-copy h1{font-size:33px}.preview-dots{justify-content:center}.full-preview .phone-shell{margin-top:-55px;transform:scale(.73)}.overlay-top{padding-inline:16px}}.canvas-wrap{background:#e5e5e5;border:0;border-radius:0;max-width:none;margin:0}.editor-heading,.canvas-hint{display:none}.project-title-input{color:#fff;background:0 0;border:0;border-bottom:1px solid #4b4b4b;outline:0;width:100px;padding:4px 2px;font-size:13px;font-weight:600}.project-title-input::placeholder{color:#8d8d8d;font-weight:500}.project-title-input:focus{border-bottom-color:#4b83ff}.ai-top-button{color:#eee;background:#292929;border:1px solid #4b4b4b;border-radius:7px;order:2;justify-content:center;align-items:center;gap:8px;padding:9px 13px;font-size:12px;font-weight:600;display:inline-flex}.ai-top-button:hover{background:#343434;border-color:#777}.screen-add-button{color:#4b83ff!important;background:#edf3ff!important;border-color:#b8cbf4!important}.screen-add-button:hover{color:#2f65d6!important;background:#fff!important;border-color:#4b83ff!important}.phone-shell{aspect-ratio:77.8/147.6;background:linear-gradient(145deg,#242424 0%,#0e0e0e 24%,#020202 58%,#171717 84%,#303030 100%);border:1px solid #050505;width:77.8mm;height:147.6mm;box-shadow:0 24px 46px #00000057,inset 0 0 0 1px #ffffff1f}.phone-shell:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff1a,#0000 20% 78%,#ffffff12);border:1px solid #ffffff21;position:absolute;inset:1px}.phone-shell:after{content:"";z-index:0;background:#333;border-radius:3px 0 0 3px;width:3px;height:35px;position:absolute;top:126px;left:-4px;box-shadow:0 47px #292929,0 94px #292929}.phone-screen{z-index:1;box-shadow:inset 0 0 0 1px #ffffff29}.phone-speaker{z-index:4;background:#000;border-radius:0 0 17px 17px;width:104px;height:29px;top:7px;left:calc(50% - 52px);box-shadow:inset 0 1px 2px #ffffff14,0 1px 1px #00000073}.phone-speaker:after{content:"";background:#292929;border-radius:3px;width:28px;height:3px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.screen-board{flex-basis:440px;min-width:440px}.screen-board-body{align-items:center;gap:10px;display:flex}.screen-board-body .screen-add-button{border-radius:50%;flex:0 0 30px;width:30px;height:30px}@media (max-width:760px){.top-actions .ai-top-button{display:none}}.phone-shell{aspect-ratio:385.45/784.99;width:min(385.45px,49.1vh - 95.7px);height:auto;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.editable-phone.read-only:before{background:url(/assets/iphone-frame.png) 50%/100% 100% no-repeat;border:0;border-radius:63px;inset:-8px}.editable-phone:not(.read-only):before,.phone-shell:after,.phone-speaker,.phone-side-buttons{display:none}.screen-board-grid{align-items:center;padding:0 10px 10px}.screen-board:first-child .screen-board-toolbar button[aria-label*=Move\ ][aria-label*=\ left],.screen-board:nth-last-child(2) .screen-board-toolbar button[aria-label*=Move\ ][aria-label*=\ right]{display:none}.phone-shell{padding:0}.phone-screen{background:var(--phone-surface,#fff);border-radius:55px;width:auto;height:auto;position:absolute;inset:13px 14px 17px}.phone-status{display:none}.screen-board-toolbar{width:320px;height:24px}.screen-board-grid{gap:20px}.screen-board{flex:0 0 min(385.45px,49.1vh - 95.7px);min-width:min(385.45px,49.1vh - 95.7px)}.screen-board-toolbar{width:min(385.45px,49.1vh - 95.7px)}.screen-board-body{justify-content:center}.new-screen-slot{flex-direction:column;flex:none;align-items:center;gap:10px;display:flex}.new-screen-slot-spacer{width:min(385.45px,49.1vh - 95.7px);height:24px}.new-screen-frame{color:#a7a8aa;background:0 0;border:1.5px dashed #bfc0c1;border-radius:55px;place-items:center;width:min(385.45px,49.1vh - 95.7px);height:min(784.99px,100vh - 195px);transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:grid;position:relative}.new-screen-frame:before{display:none}.new-screen-frame:hover{background:#fff7f89e;border-color:#4b83ff;transform:translateY(-3px);box-shadow:0 12px 28px #4b83ff1f}.new-screen-plus{z-index:1;color:#4b83ff;background:#fff;border:1px solid #b8cbf4;border-radius:50%;place-items:center;width:62px;height:62px;transition:transform .2s,background .2s;display:grid;position:relative;box-shadow:0 8px 20px #0000001a}.new-screen-frame:hover .new-screen-plus{background:#e7efff;transform:scale(1.06)}.screen-board-select{position:relative}.screen-board.selected .screen-board-select{outline-offset:0;outline:0}.screen-board-select{padding:0}.screen-board.selected .screen-board-select{--selection-blue:#4b83ff;box-shadow:none;border-radius:55px}.screen-board.selected .screen-board-select:before{content:"";z-index:0;box-sizing:border-box;box-shadow:none;pointer-events:none;background:0 0;border:10px solid #000;border-radius:65px;display:block;position:absolute;inset:-10px}.screen-board.selected .screen-board-select>.phone-shell{z-index:1;position:relative}.screen-board.is-drag-target .screen-board-select:before{content:"";z-index:4;pointer-events:none;background:#4b83ff09;border:2px dashed #4b83ff;border-radius:60px;display:block;position:absolute;inset:-10px}.screen-board.is-drag-target .screen-board-select:after{content:"Drop here";z-index:5;color:#eaf1ff;letter-spacing:.02em;white-space:nowrap;pointer-events:none;background:#1e2b4b;border:1px solid #4b83ff99;border-radius:999px;padding:4px 9px;font-size:9px;font-weight:700;display:block;position:absolute;bottom:-31px;left:50%;transform:translate(-50%)}.editable-phone:not(.read-only){background:var(--phone-surface,#fff);border-radius:55px;box-shadow:0 1px 3px #0000002e,0 0 0 1px #00000014,inset 0 0 0 1px #ffffff38}.screen-board.selected .editable-phone:not(.read-only) .phone-side-buttons{z-index:0;pointer-events:none;display:block;position:absolute;inset:0}.screen-board.selected .editable-phone:not(.read-only) .phone-side-button{background:#000;border:1px solid #000;width:5px;display:block;position:absolute;box-shadow:0 1px 2px #00000073}.screen-board.selected .editable-phone:not(.read-only) .phone-side-button-mute{border-radius:4px 0 0 4px;height:25px;top:126px;left:-15px}.screen-board.selected .editable-phone:not(.read-only) .phone-side-button-volume-up{border-radius:4px 0 0 4px;height:48px;top:169px;left:-15px}.screen-board.selected .editable-phone:not(.read-only) .phone-side-button-volume-down{border-radius:4px 0 0 4px;height:48px;top:225px;left:-15px}.screen-board.selected .editable-phone:not(.read-only) .phone-side-button-power{border-radius:0 4px 4px 0;height:78px;top:184px;right:-15px}.editable-phone:not(.read-only) .phone-screen{border-radius:55px;inset:0;box-shadow:inset 0 0 0 1px #00000014}.editable-phone:not(.read-only) .phone-speaker{z-index:4;background:#000;border:1px solid #080808;border-radius:999px;width:104px;height:29px;display:block;top:10px;left:calc(50% - 52px);box-shadow:inset 0 1px 1px #ffffff14,0 1px 2px #0000003d}.editable-phone:not(.read-only) .phone-speaker:after{content:"";background:#080b12;border-radius:50%;width:13px;height:13px;display:block;position:absolute;top:7px;left:auto;right:10px;transform:none;box-shadow:inset 0 0 0 2px #020204,inset 0 0 0 4px #10192d,0 0 2px #273b6c99}.editable-phone.read-only .phone-screen{border-radius:55px;inset:0}.editable-phone.read-only{filter:drop-shadow(0 0 20px #4b83ff6b)drop-shadow(0 24px 28px #1a23273b)drop-shadow(0 7px 12px #1a23271c)}.screen-board-toolbar{box-sizing:border-box;min-height:24px;max-height:24px;flex:0 0 280px!important;width:280px!important;min-width:280px!important;max-width:280px!important;height:24px!important}.screen-title-field input{width:80px}.app-shell.home{background:var(--neutral-950);color:#fff}.app-shell.home .topbar{background:var(--neutral-950);border-bottom-color:var(--neutral-800);color:#fff}.editor .topbar{background:#000;padding-inline:30px}.editor .topbar:after{content:"";z-index:0;pointer-events:none;width:var(--notch-width,340px);height:40px;clip-path:var(--notch-clip-path);opacity:0;visibility:visible;will-change:left,bottom,width,clip-path,opacity,transform;background:#000;transition:left .2s cubic-bezier(.22,.61,.36,1),bottom .34s cubic-bezier(.22,.61,.36,1),width .2s cubic-bezier(.22,.61,.36,1),clip-path .2s cubic-bezier(.22,.61,.36,1),opacity .22s,transform .34s cubic-bezier(.22,.61,.36,1),visibility 0s linear .34s;position:absolute;bottom:0;left:60%;transform:translate(-50%)translateY(-12px)scale(.86)}.notch-toolbar{z-index:2;width:var(--notch-width,340px);box-sizing:border-box;isolation:isolate;transform-origin:top;opacity:0;visibility:hidden;pointer-events:none;will-change:left,width,transform,opacity;background:0 0;justify-content:center;align-items:center;min-width:0;height:40px;transition:left .27s cubic-bezier(.22,.61,.36,1),width .34s cubic-bezier(.22,.61,.36,1),opacity .22s,transform .34s cubic-bezier(.22,.61,.36,1),visibility 0s linear .34s;display:flex;position:absolute;bottom:-40px;left:60%;overflow:visible;transform:translate(-50%,-40px)scale(.88)}.notch-toolbar-content{box-sizing:border-box;flex:none;justify-content:flex-start;align-items:center;gap:2px;width:max-content;min-width:0;padding:1px 35px;display:flex}.app-shell.editor.has-contextual-notch .topbar:after{opacity:1;visibility:visible;transition-delay:0s;bottom:-40px;transform:translate(-50%)translateY(0)scale(1)}.app-shell.editor.has-contextual-notch .notch-toolbar{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(-50%)scale(1)}.app-shell.editor.text-element-selected .notch-color-button{opacity:0;pointer-events:none;flex-basis:0;width:0;margin-right:-2px;transition-delay:0s,0s,0s,0s,0s,0s,0s;transform:translate(-5px)scale(.98)}.app-shell.editor:not(.text-element-selected) .notch-color-button{opacity:1;pointer-events:auto;flex-basis:30px;width:30px;margin-right:0;transition-delay:0s,0s,0s,.25s,.25s,0s,0s;transform:none}.app-shell.editor.sidebar-collapsed .topbar:after,.app-shell.editor.sidebar-collapsed .notch-toolbar{left:50%}.notch-color-button{z-index:1;box-sizing:border-box;cursor:pointer;width:30px;height:30px;box-shadow:none;background:0 0;border:0;border-radius:6px;flex:0 0 30px;place-items:center;padding:0;transition:width .34s cubic-bezier(.22,.61,.36,1),flex-basis .34s cubic-bezier(.22,.61,.36,1),margin-right .34s cubic-bezier(.22,.61,.36,1),opacity .35s,transform .35s cubic-bezier(.22,.61,.36,1),background .34s,color .34s;display:grid;position:relative;transform:none}.notch-color-button>span{background:conic-gradient(from 25deg,#ff4d67 0deg,#ffb84d 65deg,#f4e75b 105deg,#55d98a 155deg,#35b7ff 215deg,#6d6cff 270deg,#c05bff 320deg,#ff4d67 360deg);border-radius:50%;width:25px;height:25px;display:block}.notch-color-button>span.is-color-swatch{box-sizing:border-box;background:var(--notch-swatch-color,#fff);border:1px solid #00000038;box-shadow:inset 0 0 0 1px #ffffff14}.notch-color-button>span.is-color-swatch.is-dark-swatch{border:1.5px solid #fff;box-shadow:inset 0 0 0 1px #0000002e}.notch-color-button>span.is-color-swatch[style*=transparent]{box-shadow:none;border:1px solid #00000038;background:linear-gradient(45deg,transparent 44%,#f04452 45%,#f04452 55%,transparent 56%),repeating-conic-gradient(#fff 0 25%,#cfd2d8 0 50%) 50% / 8px 8px!important}.notch-color-button:hover,.notch-color-button.is-selected,.notch-color-button:active{background:#252529}.notch-color-button:focus-visible{outline-offset:3px;outline:2px solid #4b83ff}.notch-stroke-color-button{z-index:1;box-sizing:border-box;cursor:pointer;width:30px;height:30px;box-shadow:none;background:0 0;border:0;border-radius:6px;flex:0 0 30px;place-items:center;padding:0;transition:background .34s,color .34s;display:grid;position:relative}.notch-stroke-color-button>span{box-sizing:border-box;background:radial-gradient(circle, #fff 0 7px, var(--stroke-color,#171717) 7.5px 100%);width:25px;height:25px;box-shadow:none;border:1px solid #fff;border-radius:50%;display:block}.notch-stroke-color-button[style*=\#ffffff]>span{background:radial-gradient(circle, #000 0 7px, var(--stroke-color,#171717) 7.5px 100%)}.notch-stroke-color-button:hover,.notch-stroke-color-button.is-selected,.notch-stroke-color-button:active{background:#252529}.notch-stroke-color-button:focus-visible{outline-offset:3px;outline:2px solid #4b83ff}.notch-stroke-color-slot,.notch-option-tools-slot,.notch-typography-slot{z-index:1;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;flex:0 0 0;align-items:center;width:0;height:30px;margin-right:-2px;transition:width .34s cubic-bezier(.22,.61,.36,1),flex-basis .34s cubic-bezier(.22,.61,.36,1),margin-right .34s cubic-bezier(.22,.61,.36,1),opacity .35s,transform .35s cubic-bezier(.22,.61,.36,1),visibility 0s linear .35s;display:flex;position:relative;overflow:visible;transform:translate(-5px)scale(.98)}.notch-stroke-color-slot{justify-content:center}.notch-stroke-color-slot.is-active,.notch-option-tools-slot.is-active,.notch-typography-slot.is-active{width:var(--notch-slot-width,auto);flex-basis:var(--notch-slot-width,auto);opacity:1;visibility:visible;pointer-events:auto;margin-right:0;transition-delay:0s,0s,0s,.25s,.25s,.25s;transform:translate(0)scale(1)}.notch-stroke-color-slot.is-active{flex-basis:30px;width:30px}.notch-option-tools-slot.is-active{flex-basis:88px;width:88px}.notch-typography-slot.is-active{flex-basis:395px;width:395px}.notch-option-tools,.notch-typography-tools{z-index:1;align-items:center;gap:2px;display:flex;position:relative}.notch-font-family-button,.notch-font-size-control{box-sizing:border-box;color:#fff;background:#000;border:1px solid #5b5b63;border-radius:7px;height:28px}.notch-font-family-button{text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;flex:0 0 104px;width:104px;min-width:104px;max-width:104px;padding:0 10px;font-size:11px;font-weight:600;transition:background .34s,border-color .34s,color .34s;overflow:hidden}.notch-font-family-button:hover,.notch-font-family-button[aria-pressed=true]{color:#fff;background:#252529;border-color:#777780}.notch-font-size-control{align-items:center;gap:2px;padding:0 3px;display:flex}.notch-font-size-control button{color:#c8c8cf;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:22px;height:24px;padding:0;transition:background .34s,color .34s;display:grid}.notch-font-size-control button:hover{color:#fff;background:#252529}.notch-font-size-control input{box-sizing:border-box;color:#fff;text-align:center;background:0 0;border:0;outline:0;width:27px;height:24px;padding:0;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.notch-font-size-control input::-webkit-inner-spin-button{opacity:0}.notch-font-size-control input::-webkit-outer-spin-button{opacity:0}.notch-text-color-button,.notch-format-button{box-sizing:border-box;color:#d9d9df;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 28px;place-items:center;width:28px;height:28px;padding:0;transition:background .34s,color .34s,transform .34s;display:grid;position:relative}.notch-text-color-button:hover,.notch-text-color-button.is-selected,.notch-format-button:hover,.notch-format-button.is-selected{color:#fff;background:#252529;transform:scale(1.04)}.notch-text-color-button:focus-visible{outline-offset:2px;outline:2px solid #4b83ff}.notch-format-button:focus-visible{outline-offset:2px;outline:2px solid #4b83ff}.notch-font-family-button:focus-visible{outline-offset:2px;outline:2px solid #4b83ff}.notch-font-size-control button:focus-visible{outline-offset:2px;outline:2px solid #4b83ff}.notch-text-color-button>span{color:#f1f1f4;justify-content:center;align-items:flex-start;width:21px;height:24px;font:400 20px/1 Arial,sans-serif;display:flex;position:relative}.notch-text-color-button>span i{box-sizing:border-box;background:#4b83ff;border:1px solid #fff;border-radius:999px;height:5px;position:absolute;bottom:-1px;left:1px;right:1px}.notch-format-bold{font-size:18px;font-weight:800}.notch-format-italic svg{stroke-width:2.3px}.notch-format-case{letter-spacing:-.08em;font-size:13px;font-weight:700}.notch-alignment-button{margin-left:0}.notch-tool-button{box-sizing:border-box;color:#d9d9df;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 28px;place-items:center;width:28px;height:28px;padding:0;transition:background .34s,color .34s,transform .34s;display:grid;position:relative}.notch-tool-button:hover{color:#fff;background:#252529;transform:scale(1.04)}.notch-tool-button.is-selected{color:#fff;background:#252529}.notch-tool-button:active{transform:scale(.98)}.notch-tool-button:focus-visible{outline-offset:2px;outline:2px solid #4b83ff}.notch-stroke-style-control{z-index:30;position:relative}.notch-stroke-style-panel{z-index:300;box-sizing:border-box;color:#fff;background:#000;border:1px solid #272727;border-radius:10px;gap:12px;width:260px;padding:12px;display:grid;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:0 0 5px #000}.notch-stroke-style-options{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.notch-stroke-style-option{box-sizing:border-box;color:#fff;cursor:pointer;background:#111;border:1px solid #3b3b3b;border-radius:6px;place-items:center;width:100%;height:30px;padding:0;transition:border-color .16s,background .16s;display:grid}.notch-stroke-style-option:hover{background:#1b1b1b;border-color:#7d8798}.notch-stroke-style-option.is-selected{background:#151b29;border:2px solid #4b83ff}.notch-stroke-style-option:focus-visible{outline-offset:2px;outline:2px solid #4b83ff}.stroke-style-sample{border-top:3px solid;width:34px;height:0;display:block}.stroke-style-none{border:0;place-items:center;width:26px;height:26px;font-size:28px;font-weight:300;line-height:1;display:grid}.stroke-style-dashed{border-top-style:dashed}.stroke-style-dotted{border-top-style:dotted}.notch-stroke-weight{gap:10px;display:grid}.notch-stroke-weight>strong{font-size:13px;font-weight:600}.notch-stroke-weight-control{align-items:center;gap:12px;display:flex}.notch-stroke-weight-control input[type=range]{accent-color:#4b83ff;cursor:pointer;flex:1;min-width:0}.notch-stroke-weight-value{color:#b9c1d0;align-items:center;gap:5px;font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.notch-stroke-weight-control input[type=number]{box-sizing:border-box;color:#fff;text-align:center;background:#171717;border:1px solid #3b3b3b;border-radius:6px;outline:0;width:58px;height:34px;padding:0 8px;font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.notch-stroke-weight-control input[type=number]:focus{border-color:#4b83ff}.notch-corners-control{z-index:20;position:relative}.notch-corners-panel{z-index:300;box-sizing:border-box;color:#fff;background:#000;border:1px solid #272727;border-radius:10px;gap:14px;width:248px;padding:16px;display:grid;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:0 0 5px #000}.notch-corners-panel-heading{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.notch-corners-panel-heading strong{font-weight:600}.notch-corners-panel-control{align-items:center;gap:12px;display:flex}.notch-corners-panel-control input[type=range]{accent-color:#4b83ff;cursor:pointer;flex:1;min-width:0}.notch-corners-value{color:#b9c1d0;align-items:center;gap:5px;font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.notch-corners-panel-control input[type=number]{box-sizing:border-box;color:#fff;text-align:center;background:#171717;border:1px solid #3b3b3b;border-radius:6px;outline:0;width:58px;height:34px;padding:0 8px;font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.notch-corners-panel-control input[type=number]:focus{border-color:#4b83ff}.notch-corners-individual-layout{grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:8px;height:50px;min-height:50px;display:grid}.notch-corners-individual-grid{grid-template-rows:repeat(2,24px);grid-template-columns:repeat(2,60px);justify-content:start;gap:4px;display:grid}.notch-corner-button{box-sizing:border-box;color:#c9c9d2;cursor:pointer;background:#111;border:1px solid #3b3b3b;border-radius:5px;place-items:center;width:60px;height:24px;padding:0;transition:border-color .16s,background .16s,color .16s;display:grid}.notch-corner-button:hover{color:#fff;background:#1b1b1b;border-color:#7d8798}.notch-corner-button.is-selected{color:#fff;background:#151b29;border-color:#4b83ff}.notch-corners-individual-grid.is-disabled .notch-corner-button,.notch-corner-button:disabled{color:#5f626b;cursor:not-allowed;opacity:.7;background:#0c0c0c;border-color:#292929}.notch-corners-individual-grid.is-disabled .notch-corner-button:hover,.notch-corner-button:disabled:hover{color:#5f626b;background:#0c0c0c;border-color:#292929}.corner-glyph{box-sizing:border-box;border:1.5px solid;width:14px;height:14px;display:block}.corner-glyph.topLeft{border-radius:5px 0 0}.corner-glyph.topRight{border-radius:0 5px 0 0}.corner-glyph.bottomRight{border-radius:0 0 5px}.corner-glyph.bottomLeft{border-radius:0 0 0 5px}.notch-corners-individual-toggle{flex:0 0 28px;grid-area:1/2;align-self:center;width:28px;height:28px}.notch-transparency-control{z-index:20;position:relative}.notch-transparency-panel{z-index:300;box-sizing:border-box;color:#fff;background:#000;border:1px solid #272727;border-radius:10px;gap:14px;width:248px;padding:16px;display:grid;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:0 0 5px #000}.notch-transparency-panel-heading{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.notch-transparency-panel-heading strong{font-weight:600}.notch-transparency-panel-heading output{color:#b9c1d0;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.notch-transparency-panel-control{align-items:center;gap:12px;display:flex}.notch-transparency-panel-control input[type=range]{accent-color:#4b83ff;cursor:pointer;flex:1;min-width:0}.notch-transparency-panel-control input[type=number]{box-sizing:border-box;color:#fff;text-align:center;background:#171717;border:1px solid #3b3b3b;border-radius:6px;outline:0;width:58px;height:34px;padding:0 8px;font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.notch-transparency-panel-control input[type=number]:focus{border-color:#4b83ff}.notch-configuration-button{z-index:1;box-sizing:border-box;color:#d9d9df;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 28px;place-items:center;width:28px;height:28px;margin-left:12px;padding:0;transition:background .34s,color .34s,transform .34s;display:grid;position:relative}.notch-configuration-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:25px;height:25px}.notch-configuration-button:hover{color:#fff;background:#252529;transform:scale(1.04)}.notch-configuration-button.is-selected{color:#fff;background:#252529}.notch-configuration-button:active{transform:scale(.98)}.notch-configuration-button:focus-visible{outline-offset:3px;outline:2px solid #4b83ff}.notch-toolbar-label{z-index:1;box-sizing:border-box;color:#fff;letter-spacing:.02em;justify-content:center;align-items:center;height:25px;font-size:12px;font-weight:600;line-height:1;display:inline-flex;position:relative}.notch-effects-button{cursor:pointer;background:0 0;border:0;border-radius:6px;height:30px;margin:0;padding:0 6px;transition:background .34s,color .34s}.notch-effects-button:hover,.notch-effects-button.is-selected{color:#fff;background:#252529}.notch-position-button{color:#fff;letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 58.27px;width:58.27px;height:30px;margin:0;padding:0 6px;font-size:12px;font-weight:600;line-height:1;transition:background .34s,color .34s}.notch-position-button:hover,.notch-position-button.is-selected{color:#fff;background:#252529}.notch-position-button:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #4b83ff}.notch-toolbar button.is-selected,.notch-toolbar button[aria-pressed=true]{height:30px}.notch-toolbar .notch-corner-button.is-selected,.notch-toolbar .notch-corner-button[aria-pressed=true]{flex:0 0 60px;width:60px;min-width:60px;height:24px;min-height:24px;transform:none}.notch-toolbar .notch-font-family-button,.notch-toolbar .notch-font-family-button[aria-pressed=true]{flex:0 0 104px;width:104px;min-width:104px;max-width:104px;height:28px;min-height:28px;max-height:28px}.element-action-button[data-tooltip],.notch-toolbar [data-tooltip],.user-circle-button[data-tooltip]{position:relative}.element-action-button[data-tooltip]:after,.notch-toolbar [data-tooltip]:after,.user-circle-button[data-tooltip]:after{content:attr(data-tooltip);z-index:500;box-sizing:border-box;color:#fff;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;background:#000;border-radius:12px;align-items:center;min-width:max-content;min-height:28px;padding:7px 12px;font-size:11px;font-weight:700;line-height:14px;transition:opacity .16s,transform .16s,visibility 0s linear .16s;display:flex;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%,-4px)scale(.96);box-shadow:0 8px 18px #00000038}.element-action-button[data-tooltip]:before,.notch-toolbar [data-tooltip]:before,.user-circle-button[data-tooltip]:before{content:"";z-index:500;pointer-events:none;opacity:0;visibility:hidden;border-bottom:6px solid #000;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;transition:opacity .16s,transform .16s,visibility 0s linear .16s;position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%)translateY(-4px)scale(.96)}.element-action-button[data-tooltip]:hover:after,.notch-toolbar [data-tooltip]:hover:after,.user-circle-button[data-tooltip]:hover:after{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)scale(1)}.element-action-button[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)scale(1)}.notch-toolbar [data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)scale(1)}.user-circle-button[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)scale(1)}.element-action-button[data-tooltip]:hover:before,.notch-toolbar [data-tooltip]:hover:before,.user-circle-button[data-tooltip]:hover:before{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)translateY(0)scale(1)}.element-action-button[data-tooltip]:focus-visible:before{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)translateY(0)scale(1)}.notch-toolbar [data-tooltip]:focus-visible:before{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)translateY(0)scale(1)}.user-circle-button[data-tooltip]:focus-visible:before{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)translateY(0)scale(1)}.notch-toolbar [data-tooltip].is-selected:after,.notch-toolbar [data-tooltip].is-selected:before,.element-action-button[data-tooltip][aria-expanded=true]:after,.element-action-button[data-tooltip][aria-expanded=true]:before{opacity:0;visibility:hidden;pointer-events:none}@media (prefers-reduced-motion:reduce){.element-action-button[data-tooltip]:after,.element-action-button[data-tooltip]:before,.notch-toolbar [data-tooltip]:after,.notch-toolbar [data-tooltip]:before,.user-circle-button[data-tooltip]:after,.editor .topbar:after,.notch-toolbar,.notch-toolbar>*,.notch-stroke-color-slot,.notch-option-tools-slot,.notch-typography-slot{transition:none!important;transform:none!important}}.app-shell.home .top-context{color:var(--neutral-500)}.app-shell.home .home-view{background:var(--neutral-950)}.app-shell.home .home-heading h1,.app-shell.home .projects-home h2{color:#fff}.app-shell.home .projects-home .project-section-heading>span,.app-shell.home .projects-home .project-section-heading p{color:var(--neutral-500)}.app-shell.home .new-flow-button{border-color:var(--brand-blue);background:var(--brand-blue);color:#fff;box-shadow:0 8px 18px #3b82f633}.app-shell.home .new-flow-button:hover{border-color:var(--brand-blue-strong);background:var(--brand-blue-strong)}.app-shell.home .saved-project-card{border-color:var(--neutral-700);background:var(--neutral-900);color:#fff}.app-shell.home .saved-project-card:hover{border-color:var(--brand-blue)}.app-shell.home .saved-project-art{background:var(--brand-blue-soft);color:#c9d9ff}.app-shell.home .saved-project-menu-button{color:#4d5666;background:#fff}.app-shell.home .saved-project-menu-button:hover{border-color:var(--brand-blue);color:var(--brand-blue-strong)}.app-shell.home .saved-project-menu{background:var(--neutral-850);border-color:var(--neutral-700)}.app-shell.home .see-projects-button{border-color:var(--neutral-700);background:var(--neutral-850);color:#fff}.app-shell.home .see-projects-button:hover{border-color:var(--brand-blue);background:var(--brand-blue-soft)}.app-shell.home .my-projects-button{border-color:var(--neutral-700);background:var(--neutral-850);color:#fff}.app-shell.home .my-projects-button:hover{border-color:var(--brand-blue);background:var(--brand-blue-soft)}.user-circle-button{border:1px solid var(--neutral-700);background:var(--neutral-850);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid}.user-circle-button:hover{border-color:var(--brand-blue);background:var(--brand-blue-soft)}.get-pro-button{border:1px solid var(--brand-blue);background:var(--brand-blue);color:#fff;border-radius:7px;justify-content:center;align-items:center;min-height:34px;padding:0 14px;font-size:12px;font-weight:600;transition:all .18s;display:inline-flex}.get-pro-button:hover{border-color:var(--brand-blue-strong);background:var(--brand-blue-strong);transform:translateY(-1px)}.create-account-button{border:1px solid var(--neutral-700);background:var(--neutral-850);color:#fff;border-radius:7px;justify-content:center;align-items:center;min-height:34px;padding:0 14px;font-size:12px;font-weight:600;transition:all .18s;display:inline-flex}.create-account-button:hover{border-color:var(--brand-blue);background:var(--brand-blue-soft);transform:translateY(-1px)}.auth-modal{color:#fff;background:#222;border:1px solid #444;border-radius:16px;width:min(390px,100%);padding:24px;box-shadow:0 25px 80px #0000006b}.auth-modal .modal-top h2{color:#fff}.auth-icon{color:#8fb4ff;background:#2d3544;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.auth-form{gap:12px;display:grid}.auth-form label{color:#aaa;gap:6px;font-size:10px;display:grid}.auth-form input{box-sizing:border-box;color:#fff;background:#171717;border:1px solid #444;border-radius:7px;outline:0;width:100%;padding:11px 12px;font-size:12px}.auth-form input:focus{border-color:#4b83ff;box-shadow:0 0 0 3px #4b83ff24}.auth-submit{justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}.auth-submit:disabled{opacity:.45;cursor:not-allowed}.github-auth-button{color:#fff;cursor:pointer;background:#2d5fb8;border:1px solid #4b83ff;border-radius:8px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:40px;padding:0 14px;font-size:12px;font-weight:650;transition:background .18s,border-color .18s,transform .18s;display:flex}.github-auth-button:hover:not(:disabled){background:#376fd0;border-color:#76a1ff;transform:translateY(-1px)}.github-auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-divider{color:#777;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;margin:15px 0 3px;font-size:9px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#3a3a3a;flex:1;height:1px}.auth-switch{color:#8fb4ff;background:0 0;border:0;width:100%;padding:12px 0 0;font-size:10px}.auth-note{color:#777;text-align:center;margin:15px 0 0;font-size:9px}.app-shell.home .saved-project-card p{color:var(--neutral-500)}.app-shell.home .projects-empty{border-color:var(--neutral-700);color:#fff}.app-shell.home .projects-empty p{color:var(--neutral-500)}.app-shell.home .home-templates{border-top-color:var(--neutral-800)}.app-shell.home .placeholder-template-card{border-color:var(--neutral-700);background:var(--neutral-900)}.app-shell.home .placeholder-template-meta h3{color:#fff}.app-shell.home .placeholder-template-meta p{color:var(--neutral-500)}.app-shell.home .placeholder-template-meta button{border-color:var(--neutral-700);background:var(--neutral-850);color:var(--neutral-500)}.app-shell.home .topbar,.app-shell.home .projects-home{padding-inline:30px}.app-shell.home .topbar{grid-template-columns:auto 1fr auto;gap:28px}.app-shell.home .top-context{margin-left:48px}.app-shell.home .template-pagination button{border-color:var(--neutral-700);background:var(--neutral-850);color:#fff}.app-shell.home .template-pagination button[aria-current=page]{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.app-shell.home .template-pagination button:hover:not(:disabled):not([aria-current]){background:var(--brand-blue-soft);border-color:var(--brand-blue)}.app-shell.home .template-page-status{color:var(--neutral-500)}@media (max-width:640px){.brand-logo{height:23px}.brand-wordmark{font-size:30px}.app-shell.home .top-context{margin-left:18px}}.editor .sidebar{width:300px;min-width:300px;max-width:300px;height:851px;min-height:851px;max-height:851px}.deep-form-progress{z-index:5;pointer-events:none;height:4px;position:absolute;top:62px;left:23px;right:23px}.deep-form-progress.progress-inline{flex:auto;min-width:0;position:relative;top:auto;left:auto;right:auto}.deep-form-progress.progress-bar{background:var(--progress-track,#e2e2e2);border-radius:999px;overflow:hidden}.deep-form-progress.progress-bar>span{border-radius:inherit;background:var(--progress-fill,var(--phone-accent,#315ea8));height:100%;transition:width .25s;display:block}.deep-form-progress.progress-dots{justify-content:space-between;align-items:center;gap:6px;height:8px;display:flex}.deep-form-progress.progress-dots i{background:var(--progress-track,#e2e2e2);border-radius:999px;flex:1;height:4px}.deep-form-progress.progress-dots i.active{background:var(--progress-fill,var(--phone-accent,#315ea8))}.deep-form-progress.progress-steps{align-items:center;gap:4px;height:14px;display:flex}.deep-form-progress.progress-steps i{background:var(--progress-track,#e2e2e2);border-radius:999px;flex:1;height:3px;position:relative}.deep-form-progress.progress-steps i.active{background:var(--progress-fill,var(--phone-accent,#315ea8))}.deep-form-progress.progress-steps b{display:none}.deep-form-progress.progress-size-large.progress-bar{height:6px}.deep-form-progress.progress-size-small.progress-bar{height:3px}.deep-form-progress.progress-size-large.progress-dots i{height:6px}.deep-form-progress.progress-size-small.progress-dots i{height:3px}.deep-form-progress.progress-size-custom.progress-bar,.deep-form-progress.progress-size-custom.progress-dots i,.deep-form-progress.progress-size-custom.progress-steps i{height:var(--progress-thickness,5px)}.deep-form-progress.progress-corners-square,.deep-form-progress.progress-corners-square>span,.deep-form-progress.progress-corners-square i{border-radius:0}.deep-form-progress.progress-corners-rounded,.deep-form-progress.progress-corners-rounded>span,.deep-form-progress.progress-corners-rounded i{border-radius:999px}.deep-form-progress.progress-dots.has-border,.deep-form-progress.progress-steps.has-border{border:0}.phone-content{padding-top:100px}.editable-base{inset:100px 23px 24px}.editable-footer{align-items:center;inset:auto 23px 34px}.editable-footer>span{color:#777;text-align:center;width:100%}.phone-home{display:none}.canvas-guides{z-index:5;pointer-events:none;opacity:1;position:absolute;inset:0}.canvas-guides:before,.safe-zone-label{display:none}.canvas-guides .guide{opacity:0;background:#2f65d680;transition:opacity .12s;display:block;position:absolute}.canvas-guides .guide-vertical{width:2px;top:0;bottom:0;left:50%;transform:translate(-50%)}.canvas-guides .guide-horizontal{height:2px;top:50%;left:0;right:0;transform:translateY(-50%)}.canvas-guides.has-vertical-guide .guide-vertical,.canvas-guides.has-horizontal-guide .guide-horizontal{opacity:1}.canvas-guides.size-guides .guide{opacity:1;background:0 0;transition:none}.canvas-guides.size-guides .guide-size-width{border-top:1px dashed #2f65d69e;height:0}.canvas-guides.size-guides .guide-size-height{border-left:1px dashed #2f65d69e;width:0}.smart-guides-overlay{z-index:4;pointer-events:none;opacity:var(--smart-guide-opacity,1);position:absolute;inset:0;overflow:visible}.smart-guide-labels-overlay{z-index:16;pointer-events:none;opacity:var(--smart-guide-opacity,1);position:absolute;inset:0;overflow:visible}.smart-guide-line{box-sizing:border-box;color:var(--smart-guide-color,#4b83ff);filter:drop-shadow(0 0 1px #ffffff52);border:0 dashed;display:block;position:absolute}.smart-guide-labels-overlay .smart-guide-line{filter:none;border:0}.smart-guide-line.is-vertical{border-left-width:1px;width:0}.smart-guide-line.is-horizontal{border-top-width:1px;height:0}.smart-guide-line.is-distribution{color:#a66dff}.smart-guide-line.is-center{color:var(--smart-guide-color,#4b83ff);border-style:solid}.smart-guide-line.is-margin{color:#7b8cff}.smart-guide-line>span{z-index:1;min-width:max-content;padding:calc(3px / var(--canvas-zoom,1)) calc(5px / var(--canvas-zoom,1));color:#fff;font:600 calc(10px / var(--canvas-zoom,1))/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.01em;white-space:nowrap;background:#0f172af0;border:1px solid #ffffff5c;border-radius:4px;display:block;position:absolute;box-shadow:0 1px 3px #0f172a33}.smart-guide-line.is-vertical>span{right:calc(6px / var(--canvas-zoom,1));top:calc(-8px / var(--canvas-zoom,1));transform:translateY(-100%)}.smart-guide-line.is-vertical.is-label-right>span{left:calc(6px / var(--canvas-zoom,1));right:auto}.smart-guide-line.is-vertical.is-label-left>span{left:auto;right:calc(6px / var(--canvas-zoom,1))}.smart-guide-line.is-distribution.is-vertical>span{top:50%;transform:translateY(-50%)}.smart-guide-line.is-distribution:before,.smart-guide-line.is-distribution:after{content:"";background:currentColor;position:absolute}.smart-guide-line.is-distribution.is-vertical:before,.smart-guide-line.is-distribution.is-vertical:after{width:5px;height:1px;left:-3px}.smart-guide-line.is-distribution.is-vertical:before{top:0}.smart-guide-line.is-distribution.is-vertical:after{bottom:0}.smart-guide-line.is-distribution.is-horizontal:before,.smart-guide-line.is-distribution.is-horizontal:after{width:1px;height:5px;top:-3px}.smart-guide-line.is-distribution.is-horizontal:before{left:0}.smart-guide-line.is-distribution.is-horizontal:after{right:0}.smart-guide-line.is-horizontal>span{left:50%;top:calc(-6px / var(--canvas-zoom,1));transform:translate(-50%,-100%)}.smart-guide-reference{z-index:0;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--smart-guide-color,#4b83ff) 72%, #fff 28%);background:0 0;border-radius:4px;display:block;position:absolute;box-shadow:0 0 0 1px #ffffff2e}.smart-guide-color-field{color:#aaa;justify-content:space-between;align-items:center;gap:8px;margin:9px 0;font-size:10px;display:flex}.smart-guide-color-field input{cursor:pointer;background:#292929;border:1px solid #3e3e3e;border-radius:5px;width:34px;height:24px;padding:2px}.smart-guides-configuration{gap:14px;padding:0 10px 16px;display:grid}.smart-guides-configuration .config-toggle-row strong,.safe-area-config-panel .config-toggle-row strong{color:#f2f2f2;font-size:11px;line-height:1.4}.smart-guides-configuration .config-toggle-row small,.safe-area-config-panel .config-toggle-row small{color:#b5b5b5;font-size:11px;line-height:1.5}.smart-guides-configuration .toggle,.safe-area-config-panel .toggle{flex-shrink:0}:is(.smart-guides-configuration input:focus-visible,.smart-guides-configuration button:focus-visible){outline-offset:3px;outline:2px solid #4b83ff}.smart-guides-configuration .config-section-label{margin-left:0}.editable-screen:focus-visible{outline-offset:3px;outline:2px solid #4b83ff}@media (prefers-reduced-motion:reduce){.smart-guides-overlay,.smart-guide-labels-overlay,.smart-guide-line,.smart-guide-reference{transition:none!important;animation:none!important}}.progress-style-field select{color:#fff;background:#292929;border:1px solid #3e3e3e;border-radius:5px;outline:0;width:100%;padding:8px;font-size:10px}.progress-style-field select:focus{border-color:#4b83ff}.preview-top-actions{align-items:center;gap:12px;display:flex}.preview-qr-link{color:#555;white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.preview-qr-link img,.qr-loading-small{border-radius:4px;width:34px;height:34px;display:block}.preview-qr-link img{image-rendering:pixelated}.qr-loading-small{color:#888;background:#f4f4f4;border:1px solid #d3d3d3;place-items:center;font-size:8px;display:grid}.preview-qr-panel{text-align:center;background:#fff;border:1px solid #dedede;border-radius:14px;justify-items:center;gap:12px;width:364px;padding:20px;display:grid;box-shadow:0 14px 30px #0000001a}.preview-qr-panel img,.qr-loading-large{border-radius:2px;width:320px;height:320px;display:block}.preview-qr-panel img{image-rendering:pixelated}.qr-loading-large{color:#888;background:#f4f4f4;place-items:center;font-size:18px;display:grid}.preview-qr-panel strong{color:#171717;font-size:13px}.preview-qr-panel small{color:#888;max-width:320px;font-size:9px;line-height:1.45}.mobile-run-shell{z-index:100;color:#171717;-webkit-user-select:none;user-select:none;background:#f7f7f5;width:100vw;height:100dvh;min-height:100dvh;position:fixed;inset:0;overflow:hidden}.mobile-run-stage{width:100%;height:100%;min-height:100%}.mobile-run-shell .editable-phone{aspect-ratio:auto;background:var(--phone-surface,#fff);max-width:none;min-height:100dvh;max-height:none;box-shadow:none;filter:none;border:0;border-radius:0;position:absolute;inset:0;width:100vw!important;height:100dvh!important}.mobile-run-shell .editable-phone:before,.mobile-run-shell .editable-phone:after,.mobile-run-shell .phone-speaker{display:none!important}.mobile-run-shell .phone-screen{background:var(--phone-surface,#fff);min-height:100%;box-shadow:none;position:absolute;border-radius:0!important;width:100%!important;height:100%!important;inset:0!important}.mobile-run-shell .editable-screen{width:100%;height:100%;min-height:100%}.mobile-run-shell .editable-base{inset:100px 23px calc(env(safe-area-inset-bottom) + 24px)}.mobile-run-shell .editable-footer{inset:auto 23px calc(env(safe-area-inset-bottom) + 19px)}.mobile-run-shell .phone-home{display:none}:is(html:has(.mobile-run-shell),body:has(.mobile-run-shell)){background:#f7f7f5;width:100%;min-height:100%;overflow:hidden}.mobile-run-auth{width:min(100% - 40px,390px);min-height:100svh;padding:calc(env(safe-area-inset-top) + 42px) 0 calc(env(safe-area-inset-bottom) + 42px);flex-direction:column;justify-content:center;margin:auto;display:flex}.mobile-run-auth>img{width:38px;height:38px;margin-bottom:32px}.mobile-run-auth .section-kicker{color:#777;letter-spacing:.12em;margin:0 0 12px;font-size:10px}.mobile-run-auth h1{letter-spacing:-.04em;max-width:330px;margin:0;font-size:32px;line-height:1.05}.mobile-run-auth>p:not(.section-kicker){color:#777;margin:14px 0 25px;font-size:14px}.mobile-run-auth-form{gap:14px;display:grid}.mobile-run-auth-form label{color:#555;gap:7px;font-size:12px;font-weight:600;display:grid}.mobile-run-auth-form input{box-sizing:border-box;color:#171717;width:100%;font:inherit;background:#fff;border:1px solid #d5d5d5;border-radius:10px;outline:none;padding:13px 14px}.mobile-run-auth-form input:focus{border-color:#315ea8;box-shadow:0 0 0 3px #315ea824}.mobile-run-auth-form .generate-button{justify-content:center;width:100%;margin-top:8px}.mobile-github-auth-button{color:#fff;background:#171717;border-color:#315ea8}.mobile-github-auth-button:hover:not(:disabled){background:#263f70;border-color:#315ea8}.mobile-run-auth .auth-divider{color:#777;margin:21px 0 4px}.mobile-run-auth .auth-divider:before,.mobile-run-auth .auth-divider:after{background:#d8d8d8}.mobile-run-auth-switch{color:#315ea8;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:18px;padding:0;font-size:12px}.mobile-run-state{color:#555;text-align:center;align-content:center;place-items:center;gap:14px;min-height:100svh;padding:30px;display:grid}.mobile-run-state strong{color:#171717;font-size:16px}.mobile-run-spinner{border:2px solid #d7d7d7;border-top-color:#315ea8;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite mobile-run-spin}.mobile-run-state.is-error{gap:18px}@keyframes mobile-run-spin{to{transform:rotate(360deg)}}.full-preview{position:relative}.full-preview .preview-qr-panel{position:absolute;top:50%;left:calc(50% + 240px);transform:translateY(-50%)}@media (max-width:1100px){.full-preview .preview-qr-panel{transform-origin:0;left:calc(50% + 210px);transform:translateY(-50%)scale(.88)}}@media (max-width:760px){.full-preview .preview-qr-panel{margin-top:-30px;position:static;transform:none}:is(html:has(.shared-preview-overlay),body:has(.shared-preview-overlay)){background:#f7f7f5;width:100%;min-height:100%;overflow:hidden}.shared-preview-overlay{width:100vw;height:100dvh;min-height:100dvh;padding:0;position:fixed;inset:0;overflow:hidden;background:#f7f7f5!important}.shared-preview-overlay .overlay-top,.shared-preview-overlay .preview-brand-lockup,.shared-preview-overlay .preview-qr-panel{display:none!important}.shared-preview-overlay .full-preview,.shared-preview-overlay .preview-phone-column,.shared-preview-overlay .preview-phone-stage{width:100vw;height:100dvh;min-height:100dvh;padding:0;display:block;position:absolute;inset:0;transform:none}.shared-preview-overlay .preview-phone-stage>.phone-shell{aspect-ratio:auto;background:var(--phone-surface,#fff);max-width:none;min-height:100dvh;max-height:none;box-shadow:none;filter:none;border:0;border-radius:0;position:absolute;inset:0;width:100vw!important;height:100dvh!important;transform:none!important}.shared-preview-overlay .editable-phone:before,.shared-preview-overlay .editable-phone:after,.shared-preview-overlay .phone-speaker,.shared-preview-overlay .phone-home{display:none!important}.shared-preview-overlay .editable-phone .phone-screen{background:var(--phone-surface,#fff);min-height:100%;box-shadow:none;position:absolute;border-radius:0!important;width:100%!important;height:100%!important;inset:0!important}.shared-preview-overlay .editable-phone .editable-screen{width:100%;height:100%;min-height:100%}}.full-preview>.phone-shell{aspect-ratio:385.45/784.99;flex:none;width:385.45px;max-width:none;height:784.99px}.editable-footer>.editor-phone-cta{cursor:default;border:0;font-family:inherit}.editable-footer>.phone-skip{color:#777;cursor:default;background:0 0;border:0;width:100%;padding:0;font-size:9px}.editable-phone.read-only .editable-footer{pointer-events:auto}.editable-phone.read-only .editable-footer>button{cursor:pointer}.preview-overlay{flex-direction:column;display:flex;overflow:hidden}.full-preview{flex:auto;width:100%;height:auto;min-height:0;padding:24px;position:relative;overflow:hidden}.preview-phone-stage{flex:0 0 784.99px;place-items:center;width:385.45px;height:784.99px;display:grid}.preview-phone-stage>.phone-shell{aspect-ratio:385.45/784.99;width:385.45px;max-width:none;height:784.99px;transform:scale(var(--preview-scale,1));transform-origin:50%;flex:none}.full-preview .preview-qr-panel{left:calc(50% + 240px)}@media (max-width:1100px) and (min-width:761px){.full-preview .preview-qr-panel{left:calc(50% + 210px)}}@media (max-width:760px){.full-preview{flex-direction:column;gap:10px;padding:12px}.preview-phone-stage{flex:0 0 784.99px;width:385.45px;height:784.99px}.preview-phone-stage>.phone-shell{transform:scale(var(--preview-scale,1))}.full-preview .preview-qr-panel{margin-top:-30px;position:static;transform:none}}.preview-overlay{color:#fff;background:#000;display:block;overflow:hidden}.preview-overlay .overlay-top{background:#000;border-bottom-color:#272727}.overlay-top{z-index:3;pointer-events:none;background:0 0;border-bottom:0;height:72px;position:absolute;inset:0 0 auto}.overlay-top .brand-lockup,.overlay-top .preview-top-actions{pointer-events:auto}.full-preview{width:100%;height:100%;min-height:0;padding:24px;overflow:hidden}.preview-phone-stage{width:385.45px;height:var(--preview-stage-height,828.99px);flex:0 0 var(--preview-stage-height,828.99px);display:block;position:relative}.preview-phone-stage>.phone-shell{aspect-ratio:385.45/784.99;width:385.45px;max-width:none;height:784.99px;transform:translateX(-50%) scale(var(--preview-scale,1));transform-origin:top;position:absolute;top:0;left:50%}.preview-phone-stage>.preview-controls{inset:auto auto 0 50%;transform:translate(-50%)}@media (max-width:760px){.full-preview{flex-direction:column;gap:10px;padding:72px 12px 20px}.preview-phone-stage{flex:0 0 var(--preview-stage-height,828.99px);width:min(385.45px,100vw - 24px)}.preview-phone-stage>.phone-shell{transform:translateX(-50%) scale(var(--preview-scale,1))}}.editor .sidebar{box-sizing:border-box;flex-direction:column;width:340px;min-width:340px;max-width:340px;height:100%;min-height:0;max-height:none;padding:0 13px 18px;display:flex;overflow:hidden}.sidebar-section-menu{scrollbar-width:thin;border-bottom:1px solid #393939;flex:none;margin:0 -13px 20px;padding:0 13px;overflow-x:auto}.sidebar-section-menu-track{gap:4px;width:max-content;min-width:100%;display:flex}.sidebar-section-tab{color:#888;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:14px 8px 12px;font-size:10px;font-weight:600;display:flex}.sidebar-section-tab>span{color:#fff;font-size:13px;line-height:1}.sidebar-section-tab:hover{color:#fff}.sidebar-section-tab.active{color:#fff;border-bottom-color:#4b83ff}.editor .sidebar>.secondary-panel{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;overflow-y:auto}.editor .sidebar>.secondary-panel::-webkit-scrollbar{width:0;height:0}.secondary-panel{flex-direction:column;min-height:100%;display:flex}.secondary-panel-header{margin:0 10px 21px}.secondary-panel-header .sidebar-caption{color:#8fb4ff;margin:0 0 8px}.secondary-panel-header h2{color:#fff;letter-spacing:-.04em;margin:0;font-size:19px}.secondary-panel-header p:last-child{color:#858585;margin:8px 0 0;font-size:10px;line-height:1.5}.library-sample-grid{gap:8px;margin:0 10px;display:grid}.library-sample-card{color:#aaa;text-align:left;background:#292929;border:1px solid #3f3f3f;border-radius:8px;gap:9px;width:100%;padding:11px;transition:border-color .18s,background .18s,transform .18s;display:grid}.library-sample-card:hover{background:#333;border-color:#777;transform:translateY(-1px)}.library-sample-preview{color:#315ea8;background:#f4f4f4;border-radius:7px;justify-content:space-between;align-items:center;min-height:56px;padding:12px;font-size:11px;font-weight:700;display:flex}.library-sample-preview i{color:#999;font-size:20px;font-style:normal;font-weight:400}.library-sample-headline .library-sample-preview{color:#171717;letter-spacing:-.04em;justify-content:flex-start;font:700 20px Georgia,serif}.library-sample-description .library-sample-preview{color:#777;justify-content:flex-start;font-size:10px;font-weight:400;line-height:1.5}.library-sample-card strong{color:#eee;font-size:10px}.library-sample-card small{color:#777;font-size:9px}.upload-panel .secondary-panel-header{margin-bottom:24px}.upload-dropzone{color:#aaa;text-align:center;cursor:pointer;background:#292929;border:1px dashed #5a5a5a;border-radius:10px;justify-items:center;gap:8px;margin:0 10px;padding:32px 18px;display:grid}.upload-dropzone:hover{background:#27344f;border-color:#8fb4ff}.upload-dropzone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-icon{color:#8fb4ff;background:#27344f;border-radius:9px;place-items:center;width:36px;height:36px;font-size:22px;display:grid}.upload-dropzone strong{color:#eee;font-size:11px}.upload-dropzone small{color:#777;font-size:9px}.editor-panel .left-properties{margin-top:0}.element-tool-list{gap:6px;margin:0 10px 23px;display:grid}.element-tool{color:#aaa;text-align:left;background:#292929;border:1px solid #3f3f3f;border-radius:8px;grid-template-columns:28px minmax(0,1fr) 13px;align-items:center;gap:9px;width:100%;min-height:52px;padding:8px 9px;transition:background .18s,border-color .18s,color .18s;display:grid}.element-tool:hover{color:#fff;background:#333;border-color:#777}.element-tool.active{color:#fff;background:#27344f;border-color:#5d79ad;box-shadow:inset 3px 0 #4b83ff}.element-tool>svg{color:#666}.element-tool.active>svg{color:#8fb4ff}.element-tool-symbol{color:#8fb4ff;background:#353535;border-radius:7px;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.element-tool>span:nth-child(2){gap:4px;min-width:0;display:grid}.element-tool strong{color:inherit;font-size:11px}.element-tool small{color:#777;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.element-tool.active small{color:#bfa8aa}.button-style-library{border-top:1px solid #393939;margin:0 10px;padding-top:18px}.secondary-section-heading{justify-content:space-between;align-items:end;gap:10px;margin-bottom:12px;display:flex}.secondary-section-heading .sidebar-caption{margin:0 0 5px}.secondary-section-heading strong{color:#eee;font-size:11px}.secondary-section-heading>span{color:#777;font-size:9px}.button-style-list{gap:7px;display:grid}.button-style-card{color:#aaa;text-align:left;background:#292929;border:1px solid #3f3f3f;border-radius:8px;gap:8px;width:100%;padding:10px;transition:border-color .18s,background .18s,transform .18s;display:grid;position:relative}.button-style-card:hover{background:#333;border-color:#777;transform:translateY(-1px)}.button-style-card.selected{background:#27344f;border-color:#4b83ff}.style-button-preview{color:#fff;text-align:center;border-radius:8px;width:100%;padding:9px 12px;font-size:10px;font-weight:700}.style-button-preview span{margin-left:6px}.style-button-liquid{background:linear-gradient(135deg,#5678aa,#315ea8);border:1px solid #ffffff75;box-shadow:0 5px 13px #315ea84d,inset 0 1px #ffffff47}.style-button-solid{background:#505050}.style-button-outline{color:#ddd;background:0 0;border:1px solid #8e8e8e}.style-button-pill{background:#555;border-radius:999px}.button-style-meta{gap:3px;padding-right:34px;display:grid}.button-style-meta strong{color:#eee;font-size:10px}.button-style-meta small{color:#777;font-size:9px;line-height:1.35}.style-check,.style-soon{color:#9fb8ea;font-size:10px;font-weight:700;position:absolute;top:11px;right:11px}.style-check{color:#fff}.style-soon{color:#777;letter-spacing:.08em;font-size:8px}.secondary-link-list{gap:6px;margin:0 10px;display:grid}.secondary-choice{color:#aaa;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:28px minmax(0,1fr) 14px;align-items:center;gap:9px;width:100%;min-height:54px;padding:8px 9px;display:grid}.secondary-choice:hover,.secondary-choice.active{color:#fff;background:#292929;border-color:#454545}.secondary-choice.active{background:#27344f;border-color:#5d79ad}.secondary-choice>span:nth-child(2){gap:4px;display:grid}.secondary-choice strong{font-size:10px}.secondary-choice small{color:#777;font-size:9px}.secondary-choice-icon{color:#8fb4ff;background:#303030;border-radius:7px;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.secondary-choice>svg{color:#666}.secondary-note{color:#777;border:1px dashed #444;border-radius:8px;align-items:center;gap:9px;margin:25px 10px 0;padding:12px;display:flex}.secondary-note>span{color:#8fb4ff;font-size:17px}.secondary-note p{margin:0;font-size:9px;line-height:1.4}.sidebar-ai-prompt{resize:vertical;color:#fff;background:#292929;border:1px solid #444;border-radius:8px;outline:0;width:calc(100% - 20px);min-height:110px;margin:0 10px;padding:11px;font-size:10px;line-height:1.45}.sidebar-ai-prompt:focus{border-color:#4b83ff;box-shadow:0 0 0 3px #4b83ff1f}.sidebar-suggestion-list{flex-wrap:wrap;gap:6px;margin:10px;display:flex}.sidebar-suggestion-list button{color:#999;background:#292929;border:1px solid #444;border-radius:20px;padding:6px 8px;font-size:9px}.sidebar-suggestion-list button:hover{color:#fff;border-color:#777}.sidebar-ai-button{color:#fff;background:#4b83ff;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;margin:5px 10px 0;padding:10px;font-size:10px;font-weight:700;display:flex}.sidebar-ai-button:hover{background:#2f65d6}.sidebar-ai-footnote{color:#707070;text-align:center;margin:11px 10px;font-size:9px}.editor .sidebar-bottom-wrap{margin-top:auto}.element-button-style-liquid{background:linear-gradient(135deg,#5678aa,#315ea8);border-color:#fff6;box-shadow:0 4px 10px #315ea842,inset 0 1px #ffffff47}.element-button-style-outline{color:#48658f;background:0 0;border-color:#8e8e8e}.element-button-style-pill{border-radius:999px}@media (max-width:1100px){.editor .workspace{grid-template-columns:340px minmax(500px,1fr)}.editor .sidebar{width:340px;min-width:340px;max-width:340px}}@media (max-width:760px){.editor .sidebar{display:none}}.screen-board-toolbar button.delete-screen-button{color:#2f65d6;background:#edf3ff;border-color:#b8cbf4}.screen-board-toolbar button.delete-screen-button:disabled{opacity:.25;cursor:not-allowed}.screen-board-toolbar button{justify-content:center;align-items:center;padding:0;display:inline-flex}.element-action-stack{z-index:40;box-sizing:border-box;pointer-events:auto;width:135px;height:45px;transform:translateZ(0) scale(calc(1 / var(--canvas-zoom,1)));transform-origin:50%;color:#fff;background:#000;border:0;border-radius:50px;justify-content:center;align-items:center;gap:1px;padding:2px 5px;transition:opacity .16s,visibility .16s;display:flex;position:absolute;box-shadow:0 0 5px #000}.element-action-stack.is-hidden-while-dragging{opacity:0;visibility:hidden;pointer-events:none}.element-selection-box{z-index:10;box-sizing:border-box;pointer-events:none;border:2px solid #2f65d6;border-radius:0;position:absolute}.element-selection-box.is-hovering{border-color:#2f65d6d1}.element-selection-marquee{z-index:12;box-sizing:border-box;pointer-events:none;background:#4b83ff24;border:1px solid #4b83ff;position:absolute}.element-selection-handle{-webkit-appearance:none;appearance:none;box-sizing:border-box;pointer-events:auto;background:#4b83ff;border:1px solid #fff;margin:0;padding:0;display:block;position:absolute;box-shadow:0 0 0 1px #4b83ff}.element-selection-handle.corner{border-radius:50%;width:12px;height:12px}.element-selection-handle.corner.nw{cursor:nwse-resize;top:-6px;left:-6px}.element-selection-handle.corner.ne{cursor:nesw-resize;top:-6px;right:-6px}.element-selection-handle.corner.se{cursor:nwse-resize;bottom:-6px;right:-6px}.element-selection-handle.corner.sw{cursor:nesw-resize;bottom:-6px;left:-6px}.element-selection-handle.side{cursor:ew-resize;border-radius:2px;width:6px;height:18px;top:50%;transform:translateY(-50%)}.element-selection-handle.side.n,.element-selection-handle.side.s{cursor:ns-resize;border-radius:2px;width:18px;height:6px;top:auto;left:50%;transform:translate(-50%)}.element-selection-handle.side.n{top:-3px}.element-selection-handle.side.s{bottom:-3px}.element-selection-handle.side.w{left:-3px}.element-selection-handle.side.e{right:-3px}.element-selection-handle:focus-visible{outline-offset:2px;outline:2px solid #fff}.element-action-button{color:#fff;width:40px;height:40px;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 40px;place-items:center;padding:0;transition:background .16s,color .16s;display:grid}.duplicate-icon{flex:none;place-items:center;line-height:0;display:inline-grid;position:relative}.duplicate-icon-copy{width:100%;height:100%}.duplicate-icon-plus{background:0 0;border-radius:0;width:42%;height:42%;position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.element-action-button:hover{color:#fff;background:#272727}.element-action-button:active{background:#3a3a3a}.element-action-button.delete,.element-action-button.more{color:#fff;background:0 0;border:0}.element-action-button.delete:hover,.element-action-button.more:hover{color:#fff;background:#272727;border:0}.element-action-button.duplicate svg,.element-action-button.delete svg{stroke-width:2.1px;width:20px;height:20px}.element-action-button.duplicate .duplicate-icon-plus{stroke-width:2.6px;width:42%;height:42%}.element-action-button.more{color:#fff}.element-action-button.more svg{stroke-width:3.6px;stroke-linecap:round;width:20px;height:20px}.element-action-button.more.is-pressed{background:#bcbcbc}.element-more-actions-panel{z-index:100;box-sizing:border-box;color:#fff;text-align:left;background:#000;border:0;border-radius:10px;flex-direction:column;align-items:stretch;gap:0;width:fit-content;min-width:190px;height:fit-content;padding:8px;display:flex;position:absolute;top:0;left:calc(100% + 8px);overflow:visible;transform:none;box-shadow:0 0 5px #000}.element-more-actions-panel.is-bottom-aligned{top:auto;bottom:0}.element-more-action-item{box-sizing:border-box;color:#fff;width:100%;min-width:0;min-height:44px;font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:12px;padding:0 10px;font-size:13px;transition:background .16s,color .16s;display:flex}.element-more-action-item>svg:first-child{flex:none}.element-more-action-item>span{color:inherit;flex:1;line-height:1.2}.element-more-action-item>svg:last-child,.element-more-action-item:after{margin-left:auto}.element-more-action-item:hover:not(:disabled){color:#fff;background:#272727}.element-more-action-item:active:not(:disabled){background:#3a3a3a}.element-more-action-item:disabled{color:#777;cursor:not-allowed}.element-more-action-item.delete-action:hover:not(:disabled){color:#fff;background:#3a1717}.element-more-actions-panel>.element-more-action-item:first-child:after,.element-more-actions-panel>.element-more-action-item:nth-child(2):after,.element-more-actions-panel>.element-more-action-item:nth-child(3):after{color:#fff;letter-spacing:.01em;background:#272727;border-radius:5px;flex:none;padding:5px 8px;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.element-more-actions-panel>.element-more-action-item:first-child:after{content:"CTRL + C"}.element-more-actions-panel>.element-more-action-item:nth-child(2):after{content:"CTRL + V"}.element-more-actions-panel>.element-more-action-item:nth-child(3):after{content:"CTRL + D"}.element-more-actions-panel>.element-more-action-item:nth-child(4):after{content:"DELETE";color:#fff;letter-spacing:.01em;background:#272727;border-radius:5px;flex:none;padding:5px 8px;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.element-more-actions-panel.is-mac>.element-more-action-item:first-child:after{content:"⌘ + C";font-size:13px}.element-more-actions-panel.is-mac>.element-more-action-item:nth-child(2):after{content:"⌘ + V";font-size:13px}.element-more-actions-panel.is-mac>.element-more-action-item:nth-child(3):after{content:"⌘ + D";font-size:13px}.element-more-action-divider{background:#272727;flex:0 0 1px;height:1px;margin:6px 2px}.element-more-action-submenu{position:relative}.element-more-action-submenu>.element-more-action-item{width:100%}.element-align-panel{z-index:110;box-sizing:border-box;color:#fff;background:#000;border:0;border-radius:10px;grid-template-columns:1fr;gap:2px;width:174px;padding:8px;display:grid;position:absolute;top:0;left:calc(100% + 8px);box-shadow:0 0 5px #000}.element-align-panel:before{content:"";width:8px;height:100%;position:absolute;top:0;right:100%}.element-align-option{box-sizing:border-box;color:#fff;min-width:0;min-height:36px;font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;padding:0 9px;font-size:13px;transition:background .16s,color .16s;display:flex}:is(.element-align-option:hover,.element-align-option:focus-visible){color:#fff;background:#272727;outline:0}.element-align-option:active{background:#3a3a3a}.element-align-option svg{flex:none}.element-align-divider{background:#272727;height:1px;margin:5px 2px}.element-action-button svg{display:block}.screen-board-grid.is-zooming .element-action-stack{opacity:0;visibility:hidden;pointer-events:none}.screen-board.selected{z-index:20;position:relative}.editable-element{touch-action:none}.editable-phone:not(.read-only) .editable-footer{pointer-events:auto}.progress-control-row>.deep-form-progress{pointer-events:auto;cursor:pointer}.control-selection-box{z-index:10;border-radius:0;inset:-2px;margin:0!important}.deep-form-progress.progress-bar .control-selection-box{border-radius:0!important}.phone-secondary-button:after,.editor-phone-cta:after,.phone-skip-inline:after,.phone-skip:after,.deep-form-progress.progress-inline:after{content:"";box-sizing:border-box;opacity:0;pointer-events:none;border:2px solid #2f65d6d1;border-radius:0;transition:opacity .14s;position:absolute;inset:-2px}.phone-secondary-button:hover:after,.editor-phone-cta:hover:after,.phone-skip-inline:hover:after,.phone-skip:hover:after,.deep-form-progress.progress-inline:hover:after{opacity:1}.control-selection-box.is-selected:after{content:"";pointer-events:none;background:radial-gradient(circle at 4px 4px,#4b83ff 0 3px,#fff 3px 4px,#0000 4.5px),radial-gradient(circle at calc(100% - 4px) 4px,#4b83ff 0 3px,#fff 3px 4px,#0000 4.5px),radial-gradient(circle at calc(100% - 4px) calc(100% - 4px),#4b83ff 0 3px,#fff 3px 4px,#0000 4.5px),radial-gradient(circle at 4px calc(100% - 4px),#4b83ff 0 3px,#fff 3px 4px,#0000 4.5px),radial-gradient(circle at 50% 4px,#4b83ff 0 3px,#fff 3px 4px,#0000 4.5px),radial-gradient(circle at calc(100% - 4px),#4b83ff 0 3px,#fff 3px 4px,#0000 4.5px),radial-gradient(circle at 50% calc(100% - 4px),#4b83ff 0 3px,#fff 3px 4px,#0000 4.5px),radial-gradient(circle at 4px,#4b83ff 0 3px,#fff 3px 4px,#0000 4.5px);position:absolute;inset:-4px}.control-selection-box.progress-control-selection{border-radius:0;inset:-2px 0}.control-selection-box.round-control-selection{border-radius:999px}.control-selection-box.progress-control-selection:after,.control-selection-box.round-control-selection:after{display:none}.control-selection-handle{-webkit-appearance:none;appearance:none;box-sizing:border-box;pointer-events:auto;cursor:ew-resize;background:#4b83ff;border:1px solid #fff;border-radius:2px;width:6px;height:18px;margin:0;padding:0;display:block;position:absolute;box-shadow:0 0 0 1px #4b83ff}.control-selection-handle.corner{border-radius:50%;width:12px;height:12px}.control-selection-handle.corner.nw{top:-6px;left:-6px}.control-selection-handle.corner.ne{top:-6px;right:-6px}.control-selection-handle.corner.se{bottom:-6px;right:-6px}.control-selection-handle.corner.sw{bottom:-6px;left:-6px}.control-selection-handle.side{top:50%;transform:translateY(-50%)}.control-selection-handle.side.n,.control-selection-handle.side.s{width:18px;height:6px;top:auto;left:50%;transform:translate(-50%)}.control-selection-handle.side.n{top:-3px}.control-selection-handle.side.s{bottom:-3px}.control-selection-handle.side.w{left:-3px}.control-selection-handle.side.e{right:-3px}.editor-phone-cta{color:var(--continue-text-color,#fff)}.deep-form-progress.progress-bar{overflow:visible}.phone-secondary-button,.editor-phone-cta,.phone-skip-inline,.phone-skip{position:relative}.element-inline-editor{box-sizing:border-box;width:100%;min-width:0;color:inherit;font:inherit;line-height:inherit;cursor:text;-webkit-user-select:text;user-select:text;white-space:pre-wrap;background:0 0;border:0;border-radius:0;outline:0;padding:0;display:block}.editable-element.option-no-border{border-color:#0000!important}.editable-element.option-border-dashed{border-style:dashed}.editable-element.option-shadow{box-shadow:0 3px 10px #0000001a}.editable-element.option-no-shadow{box-shadow:none}.editable-element.option-weight-bold{font-weight:700}.editable-element.option-size-small{font-size:9px}.editable-element.option-size-medium{font-size:10px}.editable-element.option-size-large{font-size:11px}.option-style-editor{border-top:1px solid #393939;gap:13px;margin:0 10px 14px;padding:13px 0 3px;display:grid}.blank-project .deep-form-progress.progress-bar{background:#fff;border:1px solid #171717}.blank-project .deep-form-progress.progress-bar>span{background:#171717}.blank-project .deep-form-progress.progress-dots i,.blank-project .deep-form-progress.progress-steps i{background:#fff;border:1px solid #171717}.blank-project .deep-form-progress.progress-dots i.active,.blank-project .deep-form-progress.progress-steps i.active{background:#171717}.blank-project .editor-phone-cta,.blank-project .element-button{color:#fff;background:#171717}.blank-project .phone-skip{color:#171717}.blank-project .editable-element{color:#171717;background:#fff}.blank-project .editable-element.element-option{border-color:#171717}.blank-project .editable-element.element-description{color:#444;background:#fff}.blank-project .editable-element.element-headline,.blank-project .empty-canvas-message span{color:#171717}.blank-project .new-screen-frame{color:#171717;border-color:#171717}.blank-project .new-screen-plus{color:#171717;background:#fff;border-color:#171717}.blank-project .style-button-liquid,.blank-project .style-button-solid,.blank-project .style-button-pill{color:#fff;box-shadow:none;background:#171717}.blank-project .style-button-outline{color:#171717;background:#fff;border-color:#171717}.progress-control-row{z-index:5;pointer-events:none;height:10px;min-height:10px;position:absolute;top:62px;left:23px;right:23px}.progress-control-row.has-progress>.deep-form-progress.progress-inline{top:0;left:var(--progress-left-space,0px);right:var(--progress-right-space,0px);width:auto;position:absolute}.progress-control-row>.phone-back-button{position:absolute;top:50%;left:0;transform:translateY(-50%)}.progress-control-row>.phone-skip-top{line-height:1;position:absolute;top:calc(50% - 1px);right:0;transform:translateY(-50%)}.progress-control-row>.phone-secondary-button{pointer-events:auto}.phone-secondary-button{border:1px solid var(--back-border,color-mix(in srgb,var(--control-color,#777) 45%,#fff));background:var(--back-background,#fff);min-width:32px;height:24px;color:var(--control-color,#777);border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0 8px;font-size:9px;font-weight:700;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.phone-back-button{border-radius:50%;width:28px;min-width:28px;height:28px;padding:0;font-size:0}.phone-back-button svg{display:block}.phone-back-button.back-size-small{width:24px;min-width:24px;height:24px}.phone-back-button.back-size-medium{width:28px;min-width:28px;height:28px}.phone-back-button.back-size-large{width:34px;min-width:34px;height:34px}.phone-skip-top{background:0 0;border:0;min-width:38px}@media (hover:hover) and (pointer:fine){.phone-secondary-button:hover{border-color:var(--control-color,#171717);background:var(--back-background-hover,color-mix(in srgb,var(--control-color,#171717) 8%,#fff))}.phone-back-button:hover{border-color:var(--back-border,transparent);background:var(--back-background,transparent)}.phone-skip-top:hover,.phone-skip-inline.phone-skip-configured:hover{box-shadow:none;background:0 0;border:0}}.footer-action-row{align-items:center;gap:8px;width:100%;display:flex}.footer-action-row .editor-phone-cta{flex:1;min-width:0;margin-top:0}.phone-skip-inline{min-width:38px;padding-inline:7px}.editable-footer>.phone-skip{color:var(--control-color,#777)}.editable-footer .editor-phone-cta{background:var(--continue-color,var(--phone-accent,#315ea8));border-radius:var(--continue-radius,12%);border:var(--continue-border-width,0px) var(--continue-border-style,solid) var(--continue-border-color,#171717);opacity:var(--continue-opacity,1);border-radius:var(--continue-radius,12%)}.editable-footer .editor-phone-cta[style*=--continue-radius-tl]{border-radius:var(--continue-radius-tl) var(--continue-radius-tr) var(--continue-radius-br) var(--continue-radius-bl)}.editable-footer:has(.editor-phone-cta.is-positioned){display:contents;position:static;inset:auto}.editor-phone-cta.is-positioned{z-index:4;margin:0;position:absolute}.editor-phone-cta.continue-size-large{padding:13px 10px;font-size:10px}.editor-phone-cta.continue-size-medium{padding:10px;font-size:9px}.editor-phone-cta.continue-size-small{padding:8px 10px;font-size:8px}.phone-skip-configured{color:var(--control-color,#777);font-weight:400;transition:color .18s,background .18s,border-color .18s}.phone-skip-inline.phone-skip-configured{background:0 0;border:0;border-radius:5px;min-width:0;height:auto;padding:4px 2px}.skip-size-large{font-size:11px}.skip-size-medium{font-size:10px}.skip-size-small{font-size:9px}.skip-weight-normal{font-weight:400}.skip-weight-bold{font-weight:700}.skip-underline{text-underline-offset:3px;text-decoration:underline}.config-range-field{color:#999;gap:7px;font-size:9px;display:grid}.config-range-field>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.config-range-field output{color:#eee;font:9px ui-monospace,monospace}.config-range-field input[type=range]{accent-color:#4b83ff;cursor:pointer;width:100%;height:4px}.general-configuration-panel{padding-bottom:20px}.general-configuration-panel .secondary-panel-header{margin-bottom:20px}.config-disclosure-list{gap:8px;margin:0 10px;display:grid}.figma-inspector{border-top:1px solid #3f3f3f;margin:0 10px 16px}.figma-inspector details{border-bottom:1px solid #3f3f3f}.figma-inspector summary{color:#eee;cursor:pointer;justify-content:space-between;align-items:center;min-height:42px;font-size:11px;list-style:none;display:flex}.figma-inspector summary::-webkit-details-marker{display:none}.figma-inspector summary span{color:#777;font-size:12px;transition:transform .2s}.figma-inspector details:not([open]) summary span{transform:rotate(90deg)}.figma-inspector-body{padding:0 0 13px}.figma-value-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.figma-value-grid>div{background:#242424;border:1px solid #3f3f3f;border-radius:5px;gap:4px;min-height:38px;padding:7px 8px;display:grid}.figma-value-grid small{color:#777;font-size:9px}.figma-value-grid b{color:#ddd;font-size:10px;font-weight:500}.config-section-label{color:#777;text-transform:uppercase;letter-spacing:.13em;margin:0 10px 8px;font-size:9px;font-weight:700}.config-disclosure{background:#252525;border:1px solid #3f3f3f;border-radius:9px;overflow:hidden}.config-disclosure-summary{color:#eee;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #0000;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px 12px;display:flex}.config-disclosure-summary:hover{background:#292929}.config-disclosure-leading{color:#9bbcff;background:#202020;border:1px solid #454545;border-radius:8px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid!important}.config-disclosure-leading svg{width:17px;height:17px}.config-disclosure-copy{flex:1;gap:4px;min-width:0;display:grid!important}.config-disclosure-summary strong{font-size:11px}.config-disclosure-summary small{color:#777;font-size:9px}.config-disclosure-summary>svg:last-child{color:#777;flex:none;margin-left:auto;transition:transform .24s,color .24s}.config-disclosure.is-open .config-disclosure-summary{background:#292929;border-bottom-color:#3f3f3f}.config-disclosure.is-open .config-disclosure-leading{color:#b7ceff;background:#202c46;border-color:#4b83ff}.config-disclosure.is-open .config-disclosure-summary>svg:last-child{color:#8fb4ff;transform:rotate(90deg)}.config-disclosure-body{opacity:0;pointer-events:none;gap:14px;max-height:0;padding:0 12px;transition:max-height .26s,padding .26s,opacity .18s;display:grid;overflow:hidden}.config-disclosure.is-open .config-disclosure-body{opacity:1;pointer-events:auto;max-height:720px;padding:14px 12px 15px}.screen-apply-button{justify-self:start}@media (prefers-reduced-motion:reduce){.config-disclosure-summary>svg,.config-disclosure-body{transition:none}}.config-toggle-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.config-toggle-row>div{gap:4px;display:grid}.config-toggle-row strong{color:#eee;font-size:10px}.config-toggle-row small{color:#777;max-width:205px;font-size:9px;line-height:1.35}.config-field{color:#999;gap:6px;font-size:9px;display:grid}.config-field select{color:#eee;background:#202020;border:1px solid #454545;border-radius:6px;outline:0;width:100%;padding:8px 9px;font-size:10px}.config-field select:focus{border-color:#4b83ff}.config-text-input{color:#eee;background:#202020;border:1px solid #454545;border-radius:6px;outline:0;width:100%;min-height:35px;padding:8px 9px;font-size:10px}.config-text-input:focus{border-color:#4b83ff}.config-inline-toggle{margin-top:1px}.animated-select{gap:0;min-width:0;display:grid}.animated-select-trigger{color:#eee;text-align:left;background:#202020;border:1px solid #454545;border-radius:6px;outline:0;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:35px;padding:8px 9px;font-size:10px;transition:border-color .2s,background .2s,border-radius .2s;display:flex}.animated-select-trigger:hover,.animated-select.is-open .animated-select-trigger{background:#292929;border-color:#777}.animated-select.is-open .animated-select-trigger{border-color:#4b83ff;border-radius:6px 6px 4px 4px}.animated-select-trigger>svg{color:#777;transition:transform .22s,color .22s}.animated-select.is-open .animated-select-trigger>svg{color:#8fb4ff;transform:rotate(90deg)}.animated-select-options{opacity:0;pointer-events:none;background:#202020;border:1px solid #0000;border-top:0;border-radius:0 0 6px 6px;gap:3px;max-height:0;padding:0 5px;transition:max-height .24s,padding .24s,opacity .16s,border-color .24s;display:grid;overflow:hidden}.animated-select.is-open .animated-select-options{opacity:1;pointer-events:auto;border-color:#454545;max-height:180px;padding:5px}.animated-select-option{color:#aaa;text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:32px;padding:7px 8px;font-size:10px;display:flex}.animated-select-option:hover:not(:disabled),.animated-select-option.selected{color:#fff;background:#27344f}.animated-select-option.selected{color:#dbe7ff}.animated-select-option.selected span{color:#8fb4ff}.animated-select-option:disabled{color:#555;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.animated-select-trigger>svg,.animated-select-options{transition:none}}.config-color-grid{grid-template-columns:1fr;gap:10px;display:grid}.config-color-grid .studio-color-field{margin:0}.config-help{color:#666;margin:0;font-size:9px;line-height:1.45}.editable-base.has-choice-example{text-align:center;align-items:center}.editable-base.has-choice-example .preview-options{pointer-events:auto;width:min(100%,220px)}.editable-base.has-choice-example .preview-option{cursor:pointer}.blank-project .editable-base.has-choice-example .preview-option{color:#171717;background:#fff;border-color:#171717}.blank-project .editable-base.has-choice-example .preview-option.selected{color:#fff;background:#171717;border-color:#171717}.blank-project .editable-base.has-choice-example .option-index,.blank-project .editable-base.has-choice-example .option-check{color:inherit}.editable-element.element-headline{text-align:center;justify-content:center;width:100%}.editable-element.element-option{border-radius:9px;justify-content:flex-start;width:100%;min-width:0;min-height:0;padding:12px 16px;font-size:10px}.editable-element{box-sizing:border-box;min-width:0;min-height:0;overflow:hidden}.editor-phone-cta{box-sizing:border-box}.editable-element.element-option .resize-handle{display:none}.editable-element.element-option.selected-choice{border-color:var(--phone-accent,#315ea8);color:var(--phone-accent,#315ea8);background:#e4ecfb}.editable-element.element-button:active:not(.selected),.editable-element.element-continue:active:not(.selected){background:var(--element-active-background)!important;border-color:var(--element-active-border)!important;color:var(--element-active-text)!important}.editor-phone-cta:active{background:var(--continue-active-color,var(--continue-color,var(--phone-accent,#315ea8)))!important;border-color:var(--continue-active-border-color,var(--continue-border-color,#171717))!important;color:var(--continue-active-text-color,var(--continue-text-color,#fff))!important}.editable-element.element-headline{box-shadow:none;cursor:default;background:0 0;border-color:#0000}.editable-element.element-headline:hover{box-shadow:none;background:0 0;border-color:#0000}.editable-element.element-headline.selected{box-shadow:none;outline-offset:0;border-color:#0000;outline:0}.editable-phone.read-only .editable-element{cursor:default}.editable-phone.read-only .editable-element.element-option{cursor:pointer}.blank-project .editable-element.element-option.selected-choice{color:#fff;background:#171717;border-color:#171717}.selected-element-editor{border-top:1px solid #373737;border-bottom:1px solid #373737;gap:9px;margin:0 10px 16px;padding:14px 0 16px;display:grid}.selected-element-editor .secondary-section-heading,.selected-element-editor .left-field{margin:0}.selection-actions{gap:7px;display:flex}.selection-actions button{color:#eee;cursor:pointer;background:#292929;border:1px solid #454545;border-radius:6px;flex:1;min-height:34px;font-size:10px}.selection-actions button:hover:not(:disabled){background:#27344f;border-color:#4b83ff}.selection-actions button:disabled{color:#555;cursor:not-allowed}.editable-element.selected,.editable-element.selected:hover{outline-offset:0!important;box-shadow:none!important;outline:0!important}.app-error-state{color:#171717;text-align:center;background:#f4f4f4;place-items:center;min-height:100vh;padding:32px;display:grid}.app-error-state>div{width:min(430px,100%)}.app-error-state h1{letter-spacing:-.05em;margin:0;font:700 34px/1.05 Georgia,serif}.app-error-state p:not(.section-kicker){color:#777;margin:16px 0 24px;line-height:1.6}@keyframes screen-board-pop{0%{opacity:0;filter:blur(2px);transform:translateY(8px)scale(.94)}58%{opacity:1;filter:blur();transform:translateY(-2px)scale(1.014)}78%{transform:translateY(1px)scale(.996)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes screen-board-pop-glow{0%,to{filter:drop-shadow(0 0 #4b83ff00)}45%{filter:drop-shadow(0 0 10px #4b83ff38)}}.screen-board.is-entering .screen-board-body{transform-origin:bottom;animation:.76s cubic-bezier(.22,1.12,.38,1) both screen-board-pop}.screen-board.is-entering .screen-board-select{animation:.76s ease-out both screen-board-pop-glow}@keyframes screen-board-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.975)}}@keyframes screen-board-shift-left{0%{transform:translate(0,0)}to{transform:translate3d(calc(-1 * var(--screen-board-step,405.45px)),0,0)}}body[data-deleting-screen] .screen-board.is-entering{pointer-events:none;transform-origin:50%;z-index:1;animation:.32s cubic-bezier(.4,0,1,1) both screen-board-pop-out;position:relative}body[data-deleting-screen] .screen-board.is-entering .screen-board-body,body[data-deleting-screen] .screen-board.is-entering .screen-board-select{animation:none}body[data-deleting-screen] .screen-board.is-entering~.screen-board,body[data-deleting-screen] .screen-board.is-entering~.new-screen-slot,body[data-deleting-screen] .screen-board.is-entering~.screen-board{z-index:2;animation:.4s cubic-bezier(.22,.61,.36,1) both screen-board-shift-left;position:relative}@media (prefers-reduced-motion:reduce){.screen-board.is-entering .screen-board-body,.screen-board.is-entering .screen-board-select,body[data-deleting-screen] .screen-board.is-entering,body[data-deleting-screen] .screen-board.is-entering~.screen-board,body[data-deleting-screen] .screen-board.is-entering~.new-screen-slot{animation:none}}.screen-board-toolbar>div:last-child{align-items:center;gap:6px;display:flex}.screen-board-toolbar button{color:#fff;background:#000;border-color:#000}.screen-board-toolbar button:hover:not(:disabled){color:#fff;background:#252525;border-color:#252525}.screen-board-toolbar button.add-screen-inline{color:#fff;background:#000;border-color:#000;width:30px;height:28px;box-shadow:0 4px 10px #00000029}.screen-board-toolbar button.add-screen-inline:hover:not(:disabled){background:#252525;border-color:#252525}.screen-board-toolbar button.delete-screen-button{color:#fff;background:#e0444d;border-color:#e0444d;width:30px;height:28px;box-shadow:0 4px 10px #e0444d38}.screen-board-toolbar button.add-screen-inline,.screen-board-toolbar button.duplicate-screen-button,.screen-board-toolbar button.delete-screen-button{width:26px;height:24px}.screen-board-toolbar button.duplicate-screen-button{color:#fff;background:#000;border-color:#000}.screen-board-toolbar button.duplicate-screen-button:hover:not(:disabled){color:#fff;background:#252525;border-color:#252525}.screen-board-toolbar button.add-screen-inline,.screen-board-toolbar button.duplicate-screen-button,.screen-board-toolbar button.delete-screen-button{color:#111;width:26px;height:26px;box-shadow:none;background:0 0;border:0;border-radius:5px}.screen-board-toolbar button.add-screen-inline:hover:not(:disabled),.screen-board-toolbar button.duplicate-screen-button:hover:not(:disabled),.screen-board-toolbar button.duplicate-screen-button:hover:not(:disabled){color:#fff;box-shadow:none;background:#000;border-color:#000}.screen-board-toolbar button.delete-screen-button:hover:not(:disabled){color:#fff;background:#e0444d;border-color:#e0444d}:is(.screen-board-toolbar button.add-screen-inline:focus-visible,.screen-board-toolbar button.duplicate-screen-button:focus-visible,.screen-board-toolbar button.delete-screen-button:focus-visible){outline-offset:2px;outline:2px solid #4b83ff}.screen-board-toolbar button[aria-label*=Move\ ][aria-label*=\ left],.screen-board-toolbar button[aria-label*=Move\ ][aria-label*=\ right]{color:#111;box-shadow:none;background:0 0;border-color:#0000;transition:background .16s,border-color .16s,color .16s}.screen-board-toolbar button[aria-label*=Move\ ][aria-label*=\ left]:hover:not(:disabled),.screen-board-toolbar button[aria-label*=Move\ ][aria-label*=\ right]:hover:not(:disabled){color:#fff;background:#000;border-color:#000}@keyframes screen-board-shift-right{0%{opacity:.88;transform:translate(-20px)}62%{opacity:1;transform:translate(3px)}to{opacity:1;transform:translate(0)}}.screen-board.is-shifting{animation:.76s cubic-bezier(.22,1.12,.38,1) both screen-board-shift-right}@media (prefers-reduced-motion:reduce){.screen-board.is-shifting{animation:none}}@media (min-width:761px){.editor .workspace,.editor-area,.canvas-wrap,.canvas-stage{min-width:0;min-height:0}.canvas-wrap,.canvas-stage{overflow:auto}.phone-shell{flex:0 0 385.45px;width:385.45px;height:784.99px;max-height:none}.screen-board,.screen-board-toolbar,.new-screen-slot-spacer,.new-screen-frame{width:385.45px;min-width:385.45px}.screen-board{flex-basis:385.45px}.screen-board-toolbar{flex-basis:auto}.new-screen-frame{height:784.99px}}.safe-area-overlay{z-index:2;pointer-events:none;color:#1d4f9b;font-family:Arial,sans-serif;position:absolute;inset:0;overflow:hidden}.safe-area-overlay.is-visible{animation:.2s both safe-area-fade-in}.safe-area-zone{background:#315ea80b;position:absolute}.safe-area-zone-top{border-bottom:1px dashed #315ea873;top:0;left:0;right:0}.safe-area-zone-bottom{border-top:1px dashed #315ea873;bottom:0;left:0;right:0}.safe-area-zone-left{border-right:1px dashed #315ea859;left:0}.safe-area-zone-right{border-left:1px dashed #315ea859;right:0}.safe-area-content-zone,.safe-area-cta-zone{background:#315ea805;border:1px dashed #315ea875;position:absolute}.safe-area-cta-zone{background:#f2a83e0a;border-color:#f2a83e99}.safe-area-label{z-index:1;padding:calc(3px / var(--canvas-zoom,1)) calc(5px / var(--canvas-zoom,1));color:#fff;font-size:calc(9px / var(--canvas-zoom,1));letter-spacing:.01em;white-space:nowrap;background:#0f172ae6;border:1px solid #ffffff6b;border-radius:4px;font-weight:700;line-height:1;position:absolute;box-shadow:0 1px 3px #0f172a2e}.safe-area-label-cta{color:#fff;background:#5c3708eb;top:5px;left:5px}.safe-area-warning-overlay{z-index:7;pointer-events:none;position:absolute;inset:0;overflow:visible}.safe-area-warning-marker{z-index:1;background:#f2a83e1c;border:1px solid #d38a21;border-radius:4px;min-width:8px;min-height:8px;position:absolute;box-shadow:0 0 0 2px #f2a83e1f}.safe-area-warning-marker>b{color:#211707;background:#d38a21;border:1px solid #fff;border-radius:50%;place-items:center;width:14px;height:14px;font:700 9px/1 Arial,sans-serif;display:grid;position:absolute;top:-8px;right:-8px;box-shadow:0 1px 3px #0000003d}.safe-area-warning-marker.is-danger{background:#d84f4f1f;border-color:#d84f4f;box-shadow:0 0 0 2px #d84f4f21}.safe-area-warning-marker.is-danger>b{color:#fff;background:#d84f4f}.safe-area-config-panel{border-bottom:1px solid #373737;gap:12px;margin:0 0 18px;padding:12px 0 15px;display:grid}.safe-area-config-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.safe-area-config-heading>div{gap:4px;display:grid}.safe-area-config-heading strong{color:#eee;font-size:11px}.safe-area-config-heading small{color:#b5b5b5;max-width:215px;font-size:11px;line-height:1.5}.safe-area-config-heading>span{color:#7eabff;white-space:nowrap;font-size:9px}.safe-area-config-heading>span.has-warnings{color:#f2b05b}.safe-area-config-toggle{margin:0}.safe-area-config-toggle:focus-within{outline-offset:4px;border-radius:4px;outline:1px solid #4b83ff}.safe-area-warning-list{border-top:1px solid #303030;gap:8px;margin-top:2px;padding-top:10px;display:grid}.safe-area-warning-list-heading{color:#aaa;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:9px;display:flex}.safe-area-warning-list-heading>span{color:#777;text-align:center;background:#292929;border-radius:10px;min-width:17px;padding:2px 5px;font-size:8px}.safe-area-warning-list-heading>span.has-warnings{color:#f2b05b;background:#f2a83e21}.safe-area-warning-list ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.safe-area-warning-list li{background:#222;border:1px solid #303030;border-radius:5px;align-items:flex-start;gap:7px;padding:6px 7px;display:flex}.safe-area-warning-list li.is-danger{border-color:#d84f4f61}.safe-area-warning-dot{background:#d38a21;border-radius:50%;flex:none;width:6px;height:6px;margin-top:3px}.safe-area-warning-list li.is-danger .safe-area-warning-dot{background:#d84f4f}.safe-area-warning-list li>div{gap:3px;min-width:0;display:grid}.safe-area-warning-list li strong{color:#eee;font-size:9px;line-height:1.25}.safe-area-warning-list li small,.safe-area-warning-empty{color:#888;font-size:8px;line-height:1.35}.safe-area-warning-empty{margin:0}.safe-area-warning-list.is-compact{margin:10px;padding-top:10px}@keyframes safe-area-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.safe-area-overlay,.safe-area-overlay *{transition:none!important;animation:none!important}}.preview-qr-panel{display:none!important}@media (min-width:761px) and (max-height:1000px){.canvas-stage{display:block}.screen-board-grid{box-sizing:border-box;align-items:flex-start;width:max-content;min-width:100%;height:max-content;min-height:100%;padding:16px 10px 24px;overflow:visible}}@media (min-width:761px){.canvas-wrap,.canvas-stage{overflow:hidden}.canvas-wrap{container-type:size}.canvas-stage{-webkit-user-select:none;user-select:none;cursor:grab;place-items:center;display:grid}.canvas-stage:has(.screen-board-grid.is-panning){cursor:grabbing}.screen-board-grid{box-sizing:border-box;--screen-board-step:405.45px;scrollbar-width:thin;scrollbar-color:transparent transparent;align-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:0 24px 10px 30px;scroll-padding-inline-end:24px;overflow:auto hidden}.screen-title-field input{-webkit-user-select:text;user-select:text}.screen-board-grid::-webkit-scrollbar{width:0;height:8px}.screen-board-grid::-webkit-scrollbar-track{background:0 0}.screen-board-grid::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.screen-board-grid::-webkit-scrollbar-thumb:hover{background:0 0}.screen-board-grid.is-panning{scrollbar-color:#50505052 transparent}.screen-board-grid.is-panning::-webkit-scrollbar-thumb{background:#50505052}.screen-board-grid.is-panning::-webkit-scrollbar-thumb:hover{background:#32323273}.screen-board,.screen-board-toolbar,.new-screen-slot-spacer,.new-screen-frame{width:385.45px;min-width:385.45px}.screen-board{flex:0 0 385.45px}.screen-board-toolbar{flex-basis:auto}.new-screen-frame{height:784.99px}}@media (min-width:761px) and (max-height:1000px){.screen-board-grid{gap:16px}.screen-board,.new-screen-slot{flex-basis:300.65px;width:300.65px;min-width:300.65px}.screen-board-toolbar,.new-screen-slot-spacer,.new-screen-frame{width:300.65px;min-width:300.65px}.screen-board-body{width:300.65px;height:612.29px}.screen-board-select{transform-origin:top;width:385.45px;height:784.99px;transform:scale(.78)}.new-screen-frame{height:612.29px}}@media (min-width:761px) and (max-height:780px){.screen-board,.new-screen-slot{flex-basis:269.82px;width:269.82px;min-width:269.82px}.screen-board-toolbar,.new-screen-slot-spacer,.new-screen-frame{width:269.82px;min-width:269.82px}.screen-board-body{width:269.82px;height:550.02px}.screen-board-select{transform:scale(.7)}.new-screen-frame{height:550.02px}}@media (min-width:761px){.screen-board-select:hover{transform:none}.screen-board-toolbar{z-index:8;position:relative;flex-basis:auto!important;width:280px!important;min-width:280px!important;max-width:280px!important}.screen-board-body,.new-screen-slot{z-index:1;position:relative}}@media (min-width:761px) and (max-height:1000px){.screen-board-select:hover{transform:scale(.78)}}@media (min-width:761px) and (max-height:780px){.screen-board-select:hover{transform:scale(.7)}}@media (min-width:761px) and (max-height:1000px){.screen-board-body{display:block;position:relative;overflow:visible}.screen-board-select{transform-origin:top;position:absolute;top:0;left:50%;transform:translate(-50%)scale(.78)}.screen-board-select:hover{transform:translate(-50%)scale(.78)}}@media (min-width:761px) and (max-height:780px){.screen-board-select,.screen-board-select:hover{transform:translate(-50%)scale(.7)}}@media (min-width:761px){.app-shell.editor{min-height:0}.editor{height:var(--visible-viewport-height,100dvh);min-height:0}.editor .workspace{height:calc(var(--visible-viewport-height,100dvh) - 72px);min-height:0}.editor-area,.canvas-wrap,.canvas-stage{min-height:0}}@container (height<=1000px){.screen-board-grid{--screen-board-step:316.65px;gap:16px}.screen-board,.new-screen-slot{flex-basis:300.65px;width:300.65px;min-width:300.65px}.screen-board-toolbar,.new-screen-slot-spacer,.new-screen-frame{width:300.65px;min-width:300.65px}.screen-board-body{width:300.65px;height:612.29px;display:block;position:relative;overflow:visible}.screen-board-select{transform-origin:top;position:absolute;top:0;left:50%;transform:translate(-50%)scale(.78)}.screen-board-select:hover{transform:translate(-50%)scale(.78)}.new-screen-frame{height:612.29px}}@container (height<=780px){.screen-board-grid{--screen-board-step:285.82px}.screen-board,.new-screen-slot{flex-basis:269.82px;width:269.82px;min-width:269.82px}.screen-board-toolbar,.new-screen-slot-spacer,.new-screen-frame{width:269.82px;min-width:269.82px}.screen-board-body{width:269.82px;height:550.02px}.screen-board-select,.screen-board-select:hover{transform:translate(-50%)scale(.7)}.new-screen-frame{height:550.02px}}.topbar{gap:16px;height:48px;min-height:48px;padding-inline:20px}.topbar .brand-lockup{gap:1px}.topbar .brand-logo{height:26px}.topbar .project-breadcrumb,.topbar .top-actions{gap:7px}.topbar .preview-button,.topbar .ai-top-button,.topbar .export-button{white-space:nowrap;border-radius:6px;height:32px;min-height:32px;padding:0 12px;line-height:1}.topbar .preview-button svg{width:15px;height:15px}.topbar .ai-top-button svg,.topbar .export-button svg{width:14px;height:14px}.templates-view,.settings-view{min-height:calc(100vh - 48px)}@media (min-width:761px){.editor .workspace{height:calc(var(--visible-viewport-height,100dvh) - 48px)}}@media (max-width:760px){.topbar{gap:10px;padding-inline:12px}.topbar .top-actions{gap:5px}.topbar .preview-button,.topbar .ai-top-button,.topbar .export-button,.topbar .get-pro-button,.topbar .create-account-button{height:30px;min-height:30px;padding-inline:9px;font-size:10px}.editor .workspace,.editor-area{min-height:calc(100vh - 48px)}}.editor .workspace{grid-template-columns:72px 340px minmax(0,1fr)}.editor .primary-sidebar{color:#fff;background:#171717;border-right:1px solid #393939;flex-direction:column;align-items:center;width:72px;min-width:72px;max-width:72px;height:100%;min-height:0;padding:10px 6px;display:flex;overflow:hidden}.topbar,.editor .sidebar,.editor .primary-sidebar,.app-shell.home .topbar{background:#000}.primary-sidebar-nav{gap:6px;width:100%;display:grid}.primary-sidebar-item{color:#858585;text-align:center;background:0 0;border:1px solid #0000;border-radius:8px;align-content:center;place-items:center;gap:6px;width:60px;min-height:58px;padding:7px 3px;transition:background .18s,border-color .18s,color .18s;display:grid;position:relative}.primary-sidebar-item:hover{color:#fff;background:#292929;border-color:#454545}.primary-sidebar-item.active{color:#858585;box-shadow:none;background:0 0;border-color:#0000}.primary-sidebar-icon{color:#8fb4ff;font-size:18px;line-height:1}.primary-sidebar-item:not(.active) .primary-sidebar-icon{color:#858585}.primary-sidebar-item.active .primary-sidebar-icon{color:#4b83ff}.primary-sidebar-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;line-height:1;overflow:hidden}@media (max-width:760px){.editor .workspace{grid-template-columns:1fr}.editor .primary-sidebar{display:none}}.editor .sidebar{padding:5px}.sidebar-section-menu{margin-left:-5px;margin-right:-5px;padding-left:5px;padding-right:5px}.sidebar-section-menu-track{gap:5.5px}@media (min-width:761px){.editor .workspace{--contextual-sidebar-width:340px;isolation:isolate;transition:grid-template-columns .24s;position:relative}.editor .workspace.sidebar-collapsed{--contextual-sidebar-width:0px;grid-template-columns:72px 0 minmax(0,1fr)}.editor .workspace.sidebar-collapsed .sidebar{opacity:0;pointer-events:none;border-right:0;width:0;min-width:0;max-width:0;padding-left:0;padding-right:0;transform:translate(-18px)}.sidebar-collapse-toggle{top:50%;left:calc(72px + var(--contextual-sidebar-width) - 10px);z-index:50;color:#fff;cursor:pointer;background:#171717;border:1px solid #454545;border-radius:999px;place-items:center;width:15px;height:30px;padding:0;transition:left .24s,background .18s,transform .24s;display:grid;position:absolute;transform:translateY(-50%);box-shadow:0 5px 12px #0000002e}.editor .editor-area{z-index:1;position:relative}.editor .sidebar-collapse-toggle{z-index:50;pointer-events:auto}.sidebar-collapse-toggle:hover{background:#2b2b2b}.sidebar-collapse-toggle.is-collapsed{transform:translateY(-50%)rotate(180deg)}.editor .sidebar{transition:width .24s,min-width .24s,max-width .24s,padding .24s,opacity .18s,transform .24s}}@media (max-width:760px){.sidebar-collapse-toggle{display:none}.editor .workspace.sidebar-collapsed{grid-template-columns:1fr}}@media (min-width:761px){.editor .studio-sidebar{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;overflow:hidden auto}.editor .studio-sidebar::-webkit-scrollbar{width:0;height:0}.screen-board-grid{zoom:var(--canvas-zoom,1);will-change:auto;transition:zoom .16s}.canvas-stage{overscroll-behavior:contain;touch-action:pan-x}.editor .topbar,.editor .primary-sidebar{touch-action:none}.editor .sidebar{touch-action:pan-y}.canvas-zoom-controls{z-index:12;background:#fffffff0;border:1px solid #cfcfcf;border-radius:8px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 6px 18px #0000001f}.canvas-zoom-controls button{color:#333;background:0 0;border:0;border-radius:5px;min-width:28px;height:28px;padding:0;font-size:16px;line-height:1}.canvas-zoom-controls button:hover:not(:disabled){background:#efefef}.canvas-zoom-controls button:disabled{color:#aaa;cursor:not-allowed}.canvas-zoom-controls .canvas-zoom-value{min-width:48px;font-size:10px}.screen-board-grid.is-deleting-at-end{padding-right:calc(var(--deletion-scroll-base-padding,0px) + var(--deletion-scroll-reserve,0px))}}.preview-overlay .overlay-top{z-index:8;pointer-events:none;height:0;padding:0;position:absolute;inset:0}.preview-overlay .overlay-top .preview-top-actions{z-index:8;position:absolute;top:20px;right:24px}.preview-phone-column{flex-direction:column;flex:none;align-items:center;gap:18px;display:flex}.preview-phone-column .preview-brand-lockup{flex:none;gap:1px}@media (max-width:760px){.preview-overlay .overlay-top .preview-top-actions{top:16px;right:16px}.preview-phone-column{gap:18px}}.preview-overlay .overlay-top .preview-top-actions{top:18px;left:24px;right:auto}.preview-back-button{color:#fff;letter-spacing:-.01em;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;min-height:44px;padding:8px 0;font-size:14px;font-weight:700;transition:color .18s,opacity .18s;display:inline-flex}.preview-back-button:hover{color:#b9d0ff;background:0 0;border-color:#0000}.preview-back-button:focus-visible{outline-offset:3px;outline:2px solid #4b83ff}@media (max-width:760px){.preview-overlay .overlay-top .preview-top-actions{top:16px;left:16px;right:auto}}:root{--ui-hover-accent:#b9d0ff}.app-shell.home .text-button:hover,.app-shell.home .template-note button:hover,.app-shell.home .saved-project-menu-button:hover,.app-shell.home .auth-switch:hover,.editor .project-breadcrumb button:hover,.editor .nav-item:hover,.editor .sidebar-link:hover,.editor .sidebar-section-tab:hover,.editor .primary-sidebar-item:hover,.editor .block-chip:hover,.editor .library-grid button:hover,.editor .element-tool:hover,.editor .button-style-card:hover,.editor .secondary-choice:hover,.editor .sidebar-suggestion-list button:hover,.editor .config-disclosure-summary:hover,.preview-back-button:hover{color:var(--ui-hover-accent)}.preview-phone-column{gap:36px;transform:translateY(-30px)}.preview-phone-column .preview-brand-lockup .brand-logo{height:52px}.preview-phone-column .preview-brand-lockup .brand-wordmark{font-size:60px}@media (max-width:760px){.preview-phone-column{gap:36px;transform:translateY(-30px)}.preview-phone-column .preview-brand-lockup .brand-logo{height:52px}.preview-phone-column .preview-brand-lockup .brand-wordmark{font-size:60px}}.screen-board.selected .screen-board-select{--screen-corner-radius:55px;--selection-frame-inset:10px;border-radius:var(--screen-corner-radius)}.screen-board.selected .screen-board-select:before{inset:calc(var(--selection-frame-inset) * -1);border-radius:calc(var(--screen-corner-radius) + var(--selection-frame-inset));border:var(--selection-frame-inset) solid #000;box-sizing:border-box;filter:none;background:0 0}.screen-board.selected .screen-board-select:after{display:none}.editable-screen .editable-element{cursor:default}.editable-screen.is-moving,.editable-screen.is-moving .editable-element{cursor:move}.element-selection-box.is-group-selection{z-index:7;background:0 0;border:2px dashed #fff}@media (min-width:761px){.full-preview{grid-template-columns:minmax(0,1fr) var(--preview-phone-width,385.45px) minmax(0,1fr);place-items:center;padding:0;display:grid}.preview-phone-column{width:var(--preview-phone-width,385.45px);grid-area:1/2;justify-self:center}.preview-phone-stage{width:var(--preview-phone-width,385.45px)}.full-preview .preview-qr-panel{grid-area:1/3;place-self:center;margin:0;position:static;transform:none}}.editor .canvas-bottom-bar{display:none}@media (min-width:761px){.editor .workspace{isolation:isolate;position:relative}.editor .canvas-bottom-bar{z-index:2;inset-inline:0;background:#fff;border-top:1px solid #d5d5d5;justify-content:flex-end;align-items:center;height:35px;padding:2px 16px;display:flex;position:absolute;bottom:0}.canvas-bottom-bar-controls{justify-content:flex-end;align-items:center;gap:10px;display:flex}.editor .canvas-bottom-bar .canvas-tools{z-index:auto;color:#111;position:relative;inset:auto}.editor .canvas-bottom-bar .canvas-tool-buttons{box-shadow:none;background:0 0;border:0;border-radius:0;gap:2px;padding:0}.editor .canvas-bottom-bar .canvas-tools button{color:#111;background:0 0;min-height:27px;padding-inline:7px}.editor .canvas-bottom-bar .canvas-tools button:hover,.editor .canvas-bottom-bar .canvas-zoom-controls button:hover:not(:disabled){background:#00000012}.editor .canvas-bottom-bar .canvas-tools button[aria-pressed=true],.editor .canvas-bottom-bar .canvas-tools button[aria-expanded=true]{color:#fff;background:#000}.editor .canvas-bottom-bar .canvas-tools button[aria-pressed=true]:hover,.editor .canvas-bottom-bar .canvas-tools button[aria-expanded=true]:hover{color:#fff;background:#252525}.editor .canvas-bottom-bar .canvas-zoom-controls{z-index:auto;box-shadow:none;background:0 0;border:0;border-radius:0;flex:none;gap:2px;padding:0;position:static;inset:auto}.editor .canvas-bottom-bar .canvas-zoom-controls button{color:#111;background:0 0;border-radius:5px;min-width:27px;height:27px}.editor .canvas-bottom-bar .canvas-zoom-controls button:disabled{color:#777;opacity:.55}.editor .canvas-bottom-bar .canvas-zoom-controls .canvas-zoom-value{min-width:42px;font-size:10px}.canvas-bottom-bar .canvas-first-use-hint,.canvas-bottom-bar .canvas-help-panel{bottom:calc(100% + 8px)}.editor .editor-area{padding-bottom:35px}.editor .primary-sidebar,.editor .sidebar{z-index:20;position:relative}}.safe-area-label.safe-area-label-cta{width:max-content;left:calc(5px / var(--canvas-zoom,1));top:calc(5px / var(--canvas-zoom,1));transform:scale(calc(1 / var(--canvas-zoom,1)));transform-origin:0 0;color:#1f2937c2;opacity:.76;text-shadow:0 1px 2px #ffffffb8,0 0 4px #ffffff70;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;font-size:9px;font-weight:600;line-height:1.15;display:block}.studio-sidebar{color:#f5f5f5;background:#000!important}.studio-inspector{padding:22px 14px 28px;font-size:13px}.screen-inspector{padding-top:24px}.screen-name-field{border-bottom:1px solid #262629;margin:0;padding-bottom:20px}.screen-name-field input{min-height:38px}.studio-panel-heading{margin-bottom:22px}.studio-eyebrow{letter-spacing:.11em;color:#8c8c95;margin-bottom:9px;font-size:10px;font-weight:600;display:block}.studio-panel-heading h2{letter-spacing:-.6px;margin:0 0 9px;font-size:21px;line-height:1.2}.studio-panel-heading p,.studio-help{color:#97979f;margin:8px 0;font-size:12px;line-height:1.6}.studio-section{border-top:1px solid #262629;padding:18px 0}.studio-section h3{color:#eee;margin:0 0 14px;font-size:12px;font-weight:650}.studio-field{flex-direction:column;gap:7px;min-width:0;margin-bottom:12px;display:flex}.studio-field>span,.studio-control-label{color:#a4a4ab;font-size:11px}.studio-inspector input:not([type=color]):not([type=checkbox]),.studio-inspector select,.studio-inspector textarea{box-sizing:border-box;color:#f5f5f5;width:100%;min-width:0;font:inherit;background:#171719;border:1px solid #303035;border-radius:7px;outline:none;padding:9px 10px}.studio-inspector textarea{resize:vertical;min-height:65px}.studio-inspector :is(input,textarea,select):focus{box-shadow:0 0 0 2px #4b83ff22;border-color:#4b83ff!important}.studio-inspector button{font:inherit;cursor:pointer}:is(.studio-inspector button:focus-visible,.studio-rail button:focus-visible){outline-offset:3px;outline:2px solid #4b83ff}.studio-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.studio-number{color:#a4a4ab;flex-direction:column;gap:7px;min-width:0;font-size:11px;display:flex}.studio-number input{color:#fff;font-size:12px!important}.studio-segments{background:#141416;border:1px solid #303035;border-radius:7px;gap:3px;padding:3px;display:flex}.studio-segments button{color:#a4a4ab;text-transform:capitalize;background:0 0;border:0;border-radius:4px;flex:1;padding:7px 0;font-size:11px}.studio-check{color:#ddd;align-items:center;gap:9px;min-height:34px;font-size:12px;display:flex}.studio-check input{accent-color:#4b83ff;width:15px;height:15px}.studio-color-field{gap:10px;min-width:0;margin:12px 0;display:grid}.studio-background-field{gap:12px;min-width:0;margin:12px 0;display:grid}.studio-background-preview{color:#fff;background-color:#fff;border:1px solid #303035;border-radius:10px;justify-content:space-between;align-items:flex-end;gap:10px;min-height:66px;padding:12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14,0 8px 20px #00000029}.studio-background-preview span{text-shadow:0 1px 2px #00000073;font-size:10px;font-weight:650}.studio-background-preview code{text-overflow:ellipsis;white-space:nowrap;color:#fff;background:#00000047;border:1px solid #ffffff40;border-radius:5px;max-width:62%;padding:4px 6px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.studio-background-mode{background:#141416;border:1px solid #303035;border-radius:8px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.studio-background-mode button{color:#92929b;background:0 0;border:0;border-radius:5px;min-height:38px;font-size:11px;transition:background .18s,color .18s,box-shadow .18s}.studio-background-mode button:hover{color:#fff;background:#202024}.studio-background-mode button.is-active{color:#dbe7ff;background:#27344f;box-shadow:inset 0 0 0 1px #4b83ff66}.studio-gradient-stops{grid-template-columns:1fr 1fr;gap:7px;display:grid}.studio-gradient-stops button{color:#eee;text-align:left;background:#171719;border:1px solid #303035;border-radius:8px;align-items:center;gap:8px;min-width:0;min-height:48px;padding:7px 8px;transition:border-color .18s,background .18s;display:flex}.studio-gradient-stops button:hover{background:#202a40;border-color:#697da6}.studio-gradient-stops button.is-active{background:#202a40;border-color:#4b83ff;box-shadow:0 0 0 2px #4b83ff22}.studio-gradient-stops button>span:last-child{gap:3px;min-width:0;display:grid}.studio-gradient-stops strong{font-size:10px;font-weight:650}.studio-gradient-stops code{text-overflow:ellipsis;color:#92929b;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.studio-gradient-stop{border:1px solid #ffffff7a;border-radius:7px;flex:0 0 26px;width:26px;height:26px;box-shadow:inset 0 0 0 1px #0000002e}.studio-gradient-presets{gap:8px;display:grid}.studio-gradient-presets>div:first-child{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.studio-gradient-presets strong{color:#eee;font-size:10px;font-weight:650}.studio-gradient-presets span{color:#777;font-size:9px}.studio-gradient-presets>div:last-child{grid-template-columns:repeat(6,minmax(28px,1fr));gap:7px;display:grid}.studio-gradient-presets button{cursor:pointer;border:1px solid #45454c;border-radius:7px;width:100%;min-height:30px;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s}.studio-gradient-presets button:hover{border-color:#a7a7b0;transform:translateY(-1px);box-shadow:0 0 0 2px #4b83ff22}.studio-gradient-angle{color:#a4a4ab;gap:7px;font-size:11px;display:grid}.studio-gradient-angle>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.studio-gradient-angle b{color:#a4a4ab;font-weight:500}.studio-gradient-angle output{color:#eee;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.studio-gradient-angle input[type=range]{accent-color:#4b83ff;cursor:pointer;width:100%;height:4px}.studio-color-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-color-heading strong{color:#f4f4f6;letter-spacing:.04em;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace}.studio-inline-color-palette{grid-template-columns:repeat(5,minmax(34px,1fr));gap:8px;min-width:0;display:grid}.studio-inline-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #45454c;border-radius:8px;width:100%;min-width:34px;min-height:36px;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s}.studio-inline-swatch:hover{border-color:#a7a7b0;transform:translateY(-1px)}.studio-inline-swatch[aria-pressed=true]{border-color:#4b83ff;box-shadow:0 0 0 2px #4b83ff,inset 0 0 0 2px #ffffff40}.studio-create-swatch{color:#c9c9d0;background:#171719;place-items:center;gap:2px;font-size:9px;display:grid}.studio-create-swatch svg{width:16px;height:16px}.studio-create-swatch.is-open{color:#fff;background:#202a40;border-color:#4b83ff;box-shadow:0 0 0 2px #4b83ff}.studio-custom-palette{background:#141416;border:1px solid #303035;border-radius:9px;gap:10px;padding:12px;animation:.16s both studio-palette-in;display:grid}.studio-custom-palette-heading{color:#eee;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.studio-custom-palette-heading button{color:#aaa;cursor:pointer;background:0 0;border:1px solid #3b3b42;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.studio-custom-palette-heading button:hover{color:#fff;border-color:#4b83ff}.studio-palette-section-heading{color:#eee;justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;display:flex}.studio-palette-section-heading span{color:#777;font-size:10px}.studio-default-solid-grid{grid-template-columns:repeat(7,minmax(28px,1fr));gap:8px;display:grid}.studio-default-solid-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #45454c;border-radius:50%;width:100%;min-width:28px;min-height:32px;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s}.studio-default-solid-swatch:hover{border-color:#a7a7b0;transform:translateY(-1px)}.studio-default-solid-swatch[aria-pressed=true]{border-color:#4b83ff;box-shadow:0 0 0 2px #4b83ff,inset 0 0 0 2px #ffffff4d}.studio-color-surface{cursor:crosshair;touch-action:none;background-image:linear-gradient(90deg,#fff,#0000),linear-gradient(#0000,#000);border:1px solid #45454c;border-radius:8px;min-height:148px;position:relative;overflow:hidden}.studio-color-surface:focus-visible{outline-offset:3px;outline:2px solid #4b83ff}.studio-color-cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #111,0 1px 4px #0008}.studio-hue-control{color:#a4a4ab;gap:7px;font-size:11px;display:grid}.studio-hue-control input{accent-color:#4b83ff;cursor:pointer;width:100%;height:16px;margin:0}.studio-hue-control input::-webkit-slider-runnable-track{background:linear-gradient(to right,red 0deg,#ff0 60deg,#0f0 120deg,#0ff 180deg,#00f 240deg,#f0f 300deg,red 360deg);border-radius:999px;height:10px}.studio-hue-control input::-moz-range-track{background:linear-gradient(to right,red 0deg,#ff0 60deg,#0f0 120deg,#0ff 180deg,#00f 240deg,#f0f 300deg,red 360deg);border-radius:999px;height:10px}.studio-custom-swatch-grid{grid-template-columns:repeat(6,minmax(24px,1fr));gap:7px;display:grid}.studio-custom-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #45454c;border-radius:6px;width:100%;min-height:28px;padding:0}.studio-custom-swatch:hover{border-color:#a7a7b0;transform:translateY(-1px)}.studio-custom-swatch[aria-pressed=true]{border-color:#4b83ff;box-shadow:0 0 0 2px #4b83ff,inset 0 0 0 2px #ffffff40}.studio-custom-palette-help{color:#777;margin:0;font-size:10px;line-height:1.4}:is(.studio-inline-swatch:focus-visible,.studio-color-tool:focus-visible){outline-offset:3px;outline:2px solid #4b83ff}.studio-color-tools{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;display:grid}.studio-inline-hex{color:#a4a4ab;align-items:center;gap:8px;min-width:0;font-size:11px;display:flex}.studio-inline-hex input{letter-spacing:.04em;min-width:0;min-height:36px;width:100%!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:11px!important}.studio-color-tool{color:#d9d9df;background:#171719;border:1px solid #303035;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:36px;padding:0 9px;font-size:10px;display:inline-flex}.studio-color-tool:hover{color:#fff;background:#202a40;border-color:#4b83ff}.studio-color-tool svg{width:14px;height:14px}.studio-color-feedback{color:#8fb4ff;min-height:13px;font-size:10px}@keyframes studio-palette-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.studio-custom-palette{animation:none}}.studio-swatches{gap:9px;margin:15px 0;display:flex}.studio-swatches button{border:1px solid #666;border-radius:50%;width:27px;height:27px}.studio-swatches button[aria-pressed=true]{outline-offset:3px;outline:2px solid #4b83ff}.studio-control-label{color:#a4a4ab;font-size:11px}.screen-apply-button{margin-top:1px}.screen-inspector>.studio-section:first-child{border-top:0;padding-top:0}.studio-text-button{color:#92b3ff;text-align:left;background:0 0;border:0;padding:8px 0;font-size:11px!important}.studio-primary-action,.studio-secondary-action,.studio-action-row button{color:#eee;background:#1c1c20;border:1px solid #333;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:38px;display:flex}.studio-primary-action{color:#fff;background:#4b83ff;border-color:#4b83ff}.studio-secondary-action{font-size:12px!important}.studio-action-row{border-top:1px solid #262629;gap:8px;padding:12px 0;display:flex}.studio-selection{color:#b6ceff;background:#4b83ff14;border:1px solid #365ba5;border-radius:7px;align-items:center;gap:8px;margin-bottom:18px;padding:8px 10px;display:flex}.studio-selection button{color:#b6ceff;background:0 0;border:0;margin-left:auto;display:flex}.studio-categories{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;display:grid}.studio-categories button{color:#b7b7c0;background:#141416;border:1px solid #2c2c30;border-radius:7px;align-items:center;gap:9px;min-height:42px;padding:10px;font-size:12px;display:flex}.studio-categories button[aria-pressed=true]{color:#b6ceff;background:#4b83ff16;border-color:#4b83ff}.studio-preset-list{gap:12px;display:grid}.studio-preset{text-align:left;background:#151517;border:1px solid #2f2f35;border-radius:9px;padding:0;overflow:hidden}.studio-preset:hover{border-color:#6e8fcc}.studio-preset-stage{background:#e9eaee;justify-content:center;align-items:center;min-height:86px;padding:20px;display:flex}.studio-preset-stage>span{text-align:center;width:100%;padding:11px 13px;line-height:1.3}.studio-preset-caption{color:#e5e5e8;justify-content:space-between;gap:8px;padding:12px;font-size:11px;display:flex}.studio-preset-caption>span{color:#92b3ff}.studio-layer-list{gap:5px;display:grid}.studio-layer-list button{color:#ccc;text-align:left;background:#151517;border:1px solid #0000;border-radius:6px;align-items:center;gap:9px;padding:10px 8px;display:flex}.studio-layer-list button:hover{border-color:#43434b}.studio-layer-list button>span:first-of-type{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.studio-info{color:#c7c7cc;align-items:center;gap:10px;padding:10px 0 0;font-size:12px;display:flex}.studio-info small{color:#888891;margin-top:5px;font-size:10px;display:block}.studio-scope-note{color:#b4bdcf;background:#141820;border-radius:7px;margin-bottom:18px;padding:11px;font-size:11px;line-height:1.5}.studio-navigation .config-disclosure{background:#141416;border-color:#2e2e32;border-radius:9px}.studio-navigation .config-disclosure-summary{padding:14px 12px}.studio-navigation .config-disclosure-summary strong{font-size:12px}.studio-navigation .config-disclosure-summary small{font-size:10px}.studio-navigation .config-disclosure-content{padding:14px 12px}.studio-rail{flex-direction:column;display:flex}.studio-rail .primary-sidebar-icon{justify-content:center;display:flex}.studio-rail .primary-sidebar-item{min-height:58px}.studio-rail .primary-sidebar-label{font-size:10px}.studio-rail .primary-sidebar-item.component-tool{border-top:1px solid #222225;border-radius:0;margin-top:2px;padding-top:10px}.studio-rail .primary-sidebar-item.component-tool+.primary-sidebar-item.component-tool{border-top-color:#0000;margin-top:0}.sidebar-tool-empty{background:#000;min-height:100%}.studio-position-panel{min-height:100%}.position-panel-heading{padding-bottom:18px}.position-panel-heading .studio-panel-kicker>span:last-child{color:#85858e;font-size:10px}.position-panel-tabs{border-bottom:1px solid #252529;grid-template-columns:1fr 1fr;gap:4px;margin:18px 0 2px;display:grid}.position-panel-tabs button{color:#85858e;cursor:pointer;background:0 0;border:0;min-height:42px;padding:0 8px;font-size:12px;font-weight:600;position:relative}.position-panel-tabs button:after{content:"";background:0 0;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.position-panel-tabs button:hover,.position-panel-tabs button.is-active{color:#fff}.position-panel-tabs button.is-active:after{background:#4b83ff}.position-section{border-bottom:1px solid #1d1d21;padding:20px 0}.position-section h3{color:#f1f1f3;margin:0 0 13px;font-size:12px;font-weight:700}.position-arrange-grid,.position-align-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.position-arrange-grid button,.position-align-grid button{color:#c7c7cf;text-align:left;cursor:pointer;background:#111113;border:1px solid #292930;border-radius:9px;align-items:center;gap:9px;min-height:42px;padding:9px 10px;font-size:11px;transition:background .16s,border-color .16s,color .16s,transform .16s;display:flex}.position-arrange-grid button:hover,.position-align-grid button:hover{color:#fff;background:#17233b;border-color:#4b83ff;transform:translateY(-1px)}.position-arrange-grid button:disabled,.position-align-grid button:disabled{opacity:.4;cursor:not-allowed;transform:none}.position-arrange-grid button svg,.position-align-grid button svg{color:#9bbcff;flex:none}.position-advanced{border-bottom:0}.position-fields-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 7px;display:grid}.position-field{gap:7px;min-width:0;display:grid}.position-field>span{color:#898991;font-size:10px}.position-field input,.position-ratio-button{box-sizing:border-box;color:#eee;background:#111113;border:1px solid #292930;border-radius:8px;width:100%;min-width:0;min-height:38px;padding:0 9px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.position-field input:focus{border-color:#4b83ff;outline:2px solid #4b83ff33}.position-field.is-disabled{opacity:.52}.position-ratio-button{color:#9a9aa3;cursor:not-allowed;place-items:center;display:grid}.position-layer-filters{background:#111113;border-radius:9px;grid-template-columns:1fr 1fr;gap:3px;margin:18px 0 14px;padding:3px;display:grid}.position-layer-filters button{color:#85858e;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:34px;font-size:11px}.position-layer-filters button:hover,.position-layer-filters button.is-active{color:#fff;background:#27385d}.position-layer-list{gap:5px;display:grid}.position-layer-row{box-sizing:border-box;color:#d7d7dc;text-align:left;cursor:grab;background:#111113;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;width:100%;min-height:54px;padding:8px;transition:background .16s,border-color .16s,transform .16s;display:flex}.position-layer-row:hover{background:#17171b;border-color:#363640}.position-layer-row:active{cursor:grabbing}.position-layer-row.is-selected{background:#17233b;border-color:#4b83ff;box-shadow:inset 0 0 0 1px #4b83ff33}.position-layer-row.is-background{cursor:default;opacity:.72;background:#0d0d0f}.position-layer-grip{color:#70707a;text-align:center;letter-spacing:-5px;flex:0 0 18px;width:18px;font-size:22px;line-height:1;transform:rotate(90deg)}.position-layer-grip.is-locked{color:#45454c;letter-spacing:0;font-size:15px;transform:none}.position-layer-icon{color:#a9c2f7;flex:0 0 22px;place-items:center;width:22px;display:grid}.position-layer-copy{flex:1;gap:3px;min-width:0;display:grid}.position-layer-copy strong{color:#e6e6eb;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.position-layer-copy small{color:#77777f;font-size:9px}.position-layer-row>svg{color:#656570;flex:none;transform:rotate(90deg)}.position-layer-lock{color:#77777f;font-size:15px}.position-empty-state{color:#77777f;margin:8px 0;font-size:11px;line-height:1.5}.editable-element.selected{outline-offset:2px;outline:1.5px solid #4b83ff}.editable-element>span{font-size:inherit;font-weight:inherit;text-align:inherit}.editable-element.element-option{min-height:0}.editable-element.element-option.selected{padding-right:16px}.editable-element.element-button,.editable-element.element-option{padding:8px 16px}.editable-element>span{overflow-wrap:anywhere;width:100%}@media (prefers-reduced-motion:reduce){.studio-inspector *{transition:none!important}}.studio-sidebar{border-left:1px solid #17171a;background:#09090a!important}.studio-inspector{color:#f7f7f8;padding:24px 16px 32px}.studio-panel-heading{border-bottom:1px solid #1d1d21;padding:0 2px 20px}.studio-panel-kicker{justify-content:space-between;align-items:center;gap:10px;min-height:18px;display:flex}.studio-panel-heading h2{color:#fff;letter-spacing:-.03em;margin:8px 0 6px;font-size:20px}.studio-panel-heading p{color:#77777f;max-width:270px;margin:0;font-size:11px;line-height:1.45}.studio-detail-heading{padding-bottom:18px}.studio-sidebar-back{color:#9bbcff;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;min-height:24px;margin:0 0 10px;padding:0;font-size:11px;display:inline-flex}.studio-sidebar-back:hover{color:#fff}.studio-sidebar-back:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #4b83ff}.studio-screen-configuration .config-disclosure{background:#000;border-color:#393939}.studio-screen-configuration .config-disclosure-summary{min-height:54px;padding:10px 12px}.studio-screen-configuration .config-disclosure-summary:hover{background:#171717}.studio-screen-configuration .config-disclosure.is-open .config-disclosure-summary{background:#000;border-bottom-color:#393939}.studio-screen-configuration .config-disclosure-leading{color:#78a7ff;background:0 0;border:0;border-radius:0;flex:0 0 22px;width:22px;height:22px}.studio-screen-configuration .config-disclosure-leading svg{width:19px;height:19px}.studio-screen-configuration .config-disclosure-copy{gap:0}.studio-screen-configuration .config-disclosure-copy strong{color:#f3f7ff;font-size:12px;font-weight:650}.studio-screen-configuration .config-disclosure-summary>svg:last-child{color:#7690b8}.studio-screen-configuration.is-overview .config-disclosure-list{gap:0}.studio-screen-configuration.is-overview .config-disclosure-background{margin-bottom:8px}.studio-screen-configuration.is-overview .config-disclosure-navigation{border-radius:0}.studio-screen-configuration.is-overview .config-disclosure-navigation:not(.config-disclosure-navigation-last){border-bottom:0}.studio-screen-configuration.is-overview .config-disclosure-navigation-first{border-radius:9px 9px 0 0}.studio-screen-configuration.is-overview .config-disclosure-navigation-last{border-radius:0 0 9px 9px}.studio-screen-configuration.is-detail .config-disclosure-list{gap:0;margin:0}.studio-screen-configuration.is-detail .config-section-label{display:none}.studio-screen-configuration.is-detail .config-disclosure{background:0 0;border:0;border-radius:0;overflow:visible}.studio-screen-configuration.is-detail .config-disclosure-summary{display:none}.studio-screen-configuration.is-detail .config-disclosure-body,.studio-screen-configuration.is-detail .config-disclosure.is-open .config-disclosure-body{opacity:1;pointer-events:auto;max-height:none;padding:0;overflow:visible}.studio-live-status{color:#7b7b84;align-items:center;gap:5px;font-size:10px;display:inline-flex}.studio-live-status i{background:#50d890;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #50d89018}.studio-section{border-top-color:#1d1d21;padding:20px 0}.studio-section-heading{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;margin:0 0 14px;padding:0;display:flex}.studio-section-heading h3{color:#f1f1f3;letter-spacing:.01em;margin:0;font-size:12px;font-weight:700}.studio-section-heading span{background:#111113;border:1px solid #2d2d34;border-radius:6px;width:18px;height:18px;position:relative}.studio-section-heading span:before,.studio-section-heading span:after{content:"";background:#8d8d96;width:7px;height:1px;transition:transform .18s;position:absolute;top:8px;left:5px}.studio-section-heading span:after{transform:rotate(90deg)}.studio-section.is-open .studio-section-heading span:after{transform:rotate(0)}.studio-section-heading:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #4b83ff}.studio-section-body{gap:0;display:grid}.studio-selection{color:#c9d8fb;background:linear-gradient(135deg,#111b31,#0f1420);border:1px solid #27385d;border-radius:10px;min-height:44px;margin:18px 0 2px;padding:8px 10px}.studio-selection button{border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px}.studio-selection button:hover{color:#fff;background:#ffffff12}.studio-library-heading{justify-content:space-between;align-items:baseline;gap:10px;padding:18px 2px 10px;display:flex}.studio-library-heading strong{color:#f1f1f3;font-size:12px}.studio-library-heading span{color:#72727a;font-size:10px}.studio-categories{grid-template-columns:repeat(4,1fr);gap:5px;margin:0 0 14px}.studio-categories button{color:#84848d;background:#101012;border-color:#202024;border-radius:9px;align-content:center;justify-items:center;gap:7px;min-height:62px;padding:8px 4px;font-size:10px;transition:background .18s,border-color .18s,color .18s,transform .18s;display:grid}.studio-categories button svg{width:17px;height:17px}.studio-categories button:hover{color:#fff;background:#17171b;border-color:#363640;transform:translateY(-1px)}.studio-categories button[aria-pressed=true]{color:#d8e4ff;background:#17233b;border-color:#416dcc;box-shadow:inset 0 0 0 1px #4b83ff33}.studio-search input{background:#101012!important;border-color:#292930!important;border-radius:9px!important;min-height:38px!important}.studio-inspector input:not([type=color]):not([type=checkbox]),.studio-inspector select,.studio-inspector textarea{background:#111113;border-color:#292930;border-radius:9px}.studio-inspector textarea{min-height:74px;line-height:1.45}.studio-field>span,.studio-control-label{color:#898991}.studio-field{gap:8px;margin-bottom:14px}.studio-grid{gap:8px}.studio-number input{min-height:36px!important}.studio-segments{background:#111113;border-color:#292930;border-radius:9px}.studio-segments button{border-radius:6px;min-height:32px}.studio-segments button[aria-pressed=true]{color:#d9e5ff;background:#2a3b62}.studio-preset-list{gap:8px}.studio-preset{background:#111113;border-color:#292930;border-radius:10px;grid-template-columns:76px minmax(0,1fr);min-height:76px;transition:border-color .18s,transform .18s;display:grid}.studio-preset:hover{border-color:#4b83ff66;transform:translateY(-1px)}.studio-preset-stage{background:#e7e8ec;min-height:76px;padding:10px}.studio-preset-stage>span{padding:8px 6px;font-size:10px!important}.studio-preset-caption{align-content:center;gap:5px;padding:12px;display:grid}.studio-preset-caption strong{font-size:11px}.studio-preset-caption>span{font-size:10px}.studio-action-row{z-index:4;background:linear-gradient(#0000,#09090a 26%);border-top:0;margin:10px -16px 0;padding:12px 16px;position:sticky;bottom:0}.studio-action-row button{background:#111113;border-color:#292930;border-radius:8px;min-height:36px;font-size:11px}.studio-action-row .studio-danger{color:#ff9299}.studio-text-button{min-height:32px}.studio-screen-inspector .studio-section{padding-top:0}.studio-font-panel{background:#000;min-height:100%}.font-sidebar-header{border-bottom:1px solid #2a2a2d;padding:0 2px 18px}.font-sidebar-title-row{color:#fff;align-items:center;gap:9px;display:flex}.font-sidebar-title-row svg{color:#d8d8df}.font-sidebar-title-row h2{letter-spacing:-.03em;margin:0;font-size:21px}.font-sidebar-header p{color:#85858e;margin:8px 0 0;font-size:11px;line-height:1.45}.font-sidebar-tabs{border-bottom:1px solid #2a2a2d;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 14px;display:grid}.font-sidebar-tabs button{color:#85858e;background:0 0;border:0;min-height:42px;padding:0 8px;font-size:12px;font-weight:600;position:relative}.font-sidebar-tabs button:after{content:"";background:0 0;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.font-sidebar-tabs button:hover:not(:disabled),.font-sidebar-tabs button.is-active{color:#fff}.font-sidebar-tabs button.is-active:after{background:#4b83ff}.font-sidebar-tabs button:disabled{cursor:default;opacity:.72}.font-sidebar-search{color:#c9c9d0;background:#000;border:1px solid #fff;border-radius:9px;align-items:center;gap:9px;min-height:38px;margin:0 0 22px;padding:0 11px;display:flex}.font-sidebar-search:focus-within{border-color:#4b83ff;box-shadow:0 0 0 2px #4b83ff22}.font-sidebar-search input{color:#fff;min-width:0;min-height:36px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important;font-size:11px!important}.font-sidebar-search input::placeholder{color:#77777f}.font-sidebar-search input::-webkit-search-cancel-button{filter:invert()}.font-sidebar-section{padding:0 0 18px}.font-sidebar-section+.font-sidebar-section{border-top:1px solid #2a2a2d;padding-top:18px}.font-sidebar-section-heading{color:#fff;align-items:center;gap:10px;margin:0 2px 9px;display:flex}.font-sidebar-section-heading svg{color:#d8d8df;flex:none}.font-sidebar-section-heading h3{letter-spacing:.01em;margin:0;font-size:12px;font-weight:700}.font-sidebar-list{gap:3px;display:grid}.font-sidebar-row{color:#e5e5ea;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;width:100%;min-height:44px;padding:7px 8px;transition:background .16s,border-color .16s,color .16s;display:flex}.font-sidebar-row:hover{background:#17171a;border-color:#3f3f46}.font-sidebar-row.is-selected{color:#fff;background:#252529;border-color:#fff}.font-sidebar-row-chevron{color:#888891;flex:none;transition:transform .16s,color .16s}.font-sidebar-row:hover .font-sidebar-row-chevron,.font-sidebar-row.is-selected .font-sidebar-row-chevron{color:#fff;transform:translate(1px)}.font-sidebar-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;line-height:1.2;overflow:hidden}.font-sidebar-row-check{color:#fff;stroke-width:2.5px;flex:none}.font-sidebar-empty{color:#85858e;margin:15px 2px;font-size:11px}@media (max-width:760px){.studio-inspector{padding-inline:14px}.studio-action-row{margin-inline:-14px;padding-inline:14px}}.studio-background-field-minimal{gap:14px;margin:12px 0 4px}.studio-background-field-minimal .studio-background-preview{border-color:#303035;border-radius:10px;min-height:58px;padding:10px;box-shadow:inset 0 0 0 1px #ffffff14,0 6px 16px #00000029}.studio-background-field-minimal .studio-background-preview span,.studio-background-field-minimal .studio-background-preview code{color:#fff;background:#0000005c;border:1px solid #fff3;border-radius:5px;padding:4px 7px}.studio-background-field-minimal .studio-background-preview span{text-shadow:none;font-size:10px;font-weight:650}.studio-background-field-minimal .studio-background-preview code{max-width:68%;font-size:9px}.studio-background-field-minimal .studio-background-mode{background:#111113;border-color:#292930;border-radius:9px;min-height:42px}.studio-background-field-minimal .studio-background-mode button{color:#92929b;border-radius:6px;min-height:36px}.studio-background-field-minimal .studio-background-mode button.is-active{color:#e0eaff;background:#283a61;box-shadow:inset 0 0 0 1px #4b83ff55}.studio-background-subheading{justify-content:space-between;align-items:baseline;gap:10px;margin-top:1px;display:flex}.studio-background-subheading strong{color:#eee;font-size:11px;font-weight:650}.studio-background-subheading span{color:#77777f;font-size:10px}.studio-background-field-minimal .studio-gradient-stops{gap:7px}.studio-background-field-minimal .studio-gradient-stops button{background:#111113;border-color:#292930;border-radius:9px;min-height:52px;padding:8px 9px}.studio-background-field-minimal .studio-gradient-stops button:hover{background:#171c29;border-color:#596c95}.studio-background-field-minimal .studio-gradient-stops button.is-active{background:#17233b;border-color:#4b83ff;box-shadow:0 0 0 2px #4b83ff1c}.studio-background-field-minimal .studio-gradient-stops button>span:nth-child(2){gap:3px}.studio-background-field-minimal .studio-gradient-stop{border-radius:50%;flex:0 0 28px;width:28px;height:28px}.studio-gradient-chevron{color:#77809a;margin-left:auto;font-size:18px;line-height:1}.studio-background-field-minimal .studio-gradient-presets{gap:8px}.studio-background-field-minimal .studio-gradient-presets>div:last-child{grid-template-columns:repeat(4,38px);gap:9px}.studio-background-field-minimal .studio-gradient-presets button{aspect-ratio:1;border-color:#45454c;border-radius:50%;min-width:38px;min-height:38px}.studio-background-field-minimal .studio-gradient-presets button:hover{transform:scale(1.04)}.studio-background-field-minimal .studio-gradient-angle{padding-top:2px}.studio-background-field-minimal .studio-gradient-angle input[type=range]{height:5px}.studio-color-field-minimal{gap:10px;margin:0}.studio-color-field-minimal .studio-inline-color-palette-minimal{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.studio-color-field-minimal .studio-inline-color-palette-minimal .studio-inline-swatch{aspect-ratio:1;border-radius:50%;width:100%;min-width:0;min-height:40px}.studio-color-field-minimal .studio-inline-color-palette-minimal .studio-create-swatch{place-items:center;display:grid}.studio-color-field-minimal .studio-create-swatch span{display:none}.studio-color-field-minimal .studio-create-swatch svg{width:17px;height:17px}.studio-color-field-minimal .studio-custom-palette{background:0 0;border:0;border-top:1px solid #25252a;border-radius:0;gap:12px;padding:12px 0 0;animation:none}.studio-color-field-minimal .studio-custom-palette-heading{display:none}.studio-color-field-minimal .studio-palette-section-heading-minimal{margin-top:0}.studio-color-field-minimal .studio-color-surface{border-radius:9px;min-height:126px}.studio-color-field-minimal .studio-custom-swatch-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.studio-color-field-minimal .studio-custom-swatch{border-radius:50%;min-height:36px}.studio-color-field-minimal .studio-custom-palette-help{display:none}.studio-color-field-minimal .studio-color-tools{gap:8px}.studio-color-field-minimal .studio-inline-hex input{min-height:38px}.studio-color-field-minimal .studio-color-tool{border-radius:8px;min-height:38px}.studio-colors-panel{padding-top:22px}.studio-colors-heading{margin-bottom:16px}.studio-colors-heading .studio-eyebrow{color:#719cff}.studio-color-current{background:#111113;border:1px solid #292930;border-radius:12px;grid-template-columns:48px minmax(0,1fr) 32px;align-items:center;gap:11px;min-height:64px;padding:8px;display:grid}.studio-color-current-preview{border:1px solid #fff3;border-radius:9px;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 0 0 1px #0002}.studio-color-current-preview span{letter-spacing:-.04em;font-size:14px;font-weight:750}.studio-color-current-copy{gap:3px;min-width:0;display:grid}.studio-color-current-copy span{color:#8f8f98;font-size:10px}.studio-color-current-copy strong{color:#f6f6f7;letter-spacing:.03em;text-overflow:ellipsis;font:650 12px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.studio-color-current-copy small{color:#6f6f78;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.studio-color-copy{color:#90909a;cursor:pointer;background:0 0;border:1px solid #292930;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.studio-color-copy svg{width:15px;height:15px}.studio-color-copy:hover{color:#dbe7ff;background:#17233b;border-color:#4b83ff}.studio-apply-color{color:#dbe7ff;cursor:pointer;background:#17233b;border:1px solid #345ca8;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:40px;margin:10px 0 2px;padding:0 12px;font-size:11px;font-weight:650;transition:background .18s,border-color .18s,transform .18s;display:flex}.studio-apply-color svg{width:15px;height:15px}.studio-apply-color:hover{background:#21365d;border-color:#6f9cff;transform:translateY(-1px)}.studio-color-section{padding:20px 0 0}.studio-color-section+.studio-color-section{border-top:1px solid #1d1d21;margin-top:3px}.studio-color-section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;display:flex}.studio-color-section-heading>div{gap:3px;display:grid}.studio-color-section-heading strong{color:#f1f1f3;font-size:12px;font-weight:700}.studio-color-section-heading span{color:#77777f;font-size:9px}.studio-color-count{border:1px solid #292930;border-radius:999px;justify-content:center;align-items:center;min-width:30px;min-height:20px;padding:0 6px;display:inline-flex;color:#9696a0!important;font:9px ui-monospace,SFMono-Regular,Menlo,monospace!important}.studio-core-palette{grid-template-columns:1fr 1fr;gap:6px;display:grid}.studio-core-color{color:#d9d9dd;text-align:left;cursor:pointer;background:#0e0e10;border:1px solid #242429;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:2px 8px;min-width:0;padding:8px;transition:border-color .18s,background .18s,transform .18s;display:grid}.studio-core-color:hover{background:#141c2d;border-color:#4b83ff88;transform:translateY(-1px)}.studio-core-color.is-selected{background:#17233b;border-color:#4b83ff;box-shadow:0 0 0 2px #4b83ff22}.studio-core-color-swatch{border:1px solid #fff3;border-radius:7px;grid-row:1/span 2;width:24px;height:24px;box-shadow:inset 0 0 0 1px #0003}.studio-core-color-copy{gap:2px;min-width:0;display:grid}.studio-core-color-copy strong{color:#eaeaf0;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;overflow:hidden}.studio-core-color-copy small{color:#797982;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.studio-core-color-role{color:#66666f;text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:8px;overflow:hidden}.studio-custom-color-list{gap:5px;margin-bottom:8px;display:grid}.studio-custom-color-row{border:1px solid #0000;border-radius:9px;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:4px;min-height:45px;padding:3px;transition:border-color .18s,background .18s;display:grid}.studio-custom-color-row:hover,.studio-custom-color-row.is-selected{background:#111113;border-color:#292930}.studio-custom-color-select{color:#eee;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;min-width:0;padding:5px;display:flex}.studio-custom-color-swatch{border:1px solid #fff3;border-radius:8px;flex:0 0 28px;width:28px;height:28px;box-shadow:inset 0 0 0 1px #0003}.studio-custom-color-select>span:last-child{gap:2px;min-width:0;display:grid}.studio-custom-color-select strong{color:#dcdce1;font-size:10px;font-weight:650}.studio-custom-color-select small{color:#797982;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.studio-custom-color-delete{color:#77777f;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.studio-custom-color-delete svg{width:14px;height:14px}.studio-custom-color-delete:hover{color:#ff9299;background:#3a1e24}.studio-color-empty{color:#77777f;border:1px dashed #292930;border-radius:9px;margin:0 0 10px;padding:11px;font-size:10px;line-height:1.45}.studio-create-color{color:#eee;text-align:left;cursor:pointer;background:#111113;border:1px solid #292930;border-radius:9px;grid-template-columns:30px minmax(0,1fr) 20px;align-items:center;gap:9px;width:100%;min-height:52px;padding:7px 9px;transition:border-color .18s,background .18s;display:grid}.studio-create-color:hover,.studio-create-color.is-open{background:#141c2d;border-color:#4b83ff}.studio-create-color-icon{color:#9fbdff;background:#202a40;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.studio-create-color-icon svg{width:16px;height:16px}.studio-create-color>span:nth-child(2){gap:3px;min-width:0;display:grid}.studio-create-color strong{font-size:10px;font-weight:650}.studio-create-color small{color:#77777f;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.studio-create-color-chevron{color:#7e9edc;text-align:center;font-size:16px;line-height:1}.studio-inline-color-editor{background:#0e1524;border:1px solid #303d5b;border-radius:11px;gap:12px;margin-top:9px;padding:12px;animation:.16s both studio-palette-in;display:grid}.studio-inline-color-editor-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.studio-inline-color-editor-heading>div{gap:3px;display:grid}.studio-inline-color-editor-heading strong{color:#f4f7ff;font-size:11px}.studio-inline-color-editor-heading span{color:#7f8aa0;font-size:9px}.studio-editor-live-dot{background:#50d890;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #50d89018}.studio-color-surface-new{border-color:#3b4864;min-height:140px}.studio-color-hue{color:#999eae;grid-template-columns:1fr auto;gap:6px;font-size:10px;display:grid}.studio-color-hue output{color:#e8ebf4;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.studio-color-hue input{accent-color:#4b83ff;cursor:pointer;grid-column:1/span 2;width:100%;height:16px;margin:0}.studio-color-hue input::-webkit-slider-runnable-track{background:linear-gradient(to right,red 0deg,#ff0 60deg,#0f0 120deg,#0ff 180deg,#00f 240deg,#f0f 300deg,red 360deg);border-radius:999px;height:10px}.studio-inline-color-inputs{grid-template-columns:minmax(0,1fr) 74px;gap:8px;display:grid}.studio-inline-color-inputs label{color:#858a9b;gap:6px;font-size:9px;display:grid}.studio-inline-color-inputs input[type=text],.studio-inline-color-inputs input:not([type]){min-height:36px}.studio-inline-color-inputs label>input{box-sizing:border-box;color:#f4f7ff;background:#111827;border:1px solid #303d5b;border-radius:8px;outline:0;width:100%;padding:8px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.studio-inline-color-inputs label>input:focus{border-color:#4b83ff;box-shadow:0 0 0 2px #4b83ff22}.studio-native-color-control{cursor:pointer;background:#111827;border:1px solid #303d5b;border-radius:8px;place-items:center;min-height:36px;position:relative;color:#a9c2ff!important;display:grid!important}.studio-native-color-control input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.studio-native-color-control svg{pointer-events:none;width:17px;height:17px}.studio-inline-color-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;display:grid}.studio-inline-color-actions button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 7px;font-size:9px;font-weight:650;display:flex}.studio-eyedropper-button{color:#abb9d9;background:#111827;border:1px solid #303d5b}.studio-eyedropper-button:hover{color:#fff;border-color:#6b88c4}.studio-save-color{color:#fff;background:#4b83ff;border:1px solid #4b83ff}.studio-save-color:hover:not(:disabled){background:#6595ff}.studio-save-color:disabled{color:#69738a;cursor:not-allowed;background:#1d2433;border-color:#303d5b}.studio-inline-color-actions svg{width:14px;height:14px}.studio-inline-color-editor>.studio-color-feedback{color:#8fb4ff;min-height:12px;margin:0;font-size:9px}@media (max-width:760px){.studio-core-palette{grid-template-columns:1fr}}.studio-colors-v2{box-sizing:border-box;color:#f7f7f8;scrollbar-width:none;background:#000;min-height:100%;padding:22px 20px 34px;overflow-y:auto}.studio-colors-v2::-webkit-scrollbar{width:0;height:0}.color-sidebar-header{justify-content:space-between;align-items:center;gap:12px;min-height:34px;margin-bottom:28px;display:flex}.color-sidebar-header h2{color:#fff;letter-spacing:-.04em;margin:0;font-size:22px;line-height:1}.color-sidebar-header p{color:#8f8f98;text-align:right;max-width:140px;margin:0;font-size:10px;font-weight:600;line-height:1.25}.color-sidebar-full-header{justify-content:initial;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:10px;display:grid}.color-sidebar-full-header h2{letter-spacing:-.025em;font-size:17px}.color-sidebar-full-header>svg{color:#a9a9b1;stroke-width:1.7px;width:22px;height:22px}.color-sidebar-back{color:#f1f1f4;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;transition:background .16s,color .16s;display:grid}.color-sidebar-back:hover{color:#fff;background:#1b1b1e}.color-sidebar-back svg{width:21px;height:21px}.color-sidebar-close{color:#a9a9b1;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;transition:background .16s,color .16s;display:grid}.color-sidebar-close:hover{color:#fff;background:#1b1b1e}.color-sidebar-close svg{width:20px;height:20px}.color-sidebar-section{padding:0 0 27px}.color-sidebar-section+.color-sidebar-section{border-top:1px solid #202024;padding-top:25px}.color-sidebar-section-title{align-items:center;gap:11px;min-height:27px;margin-bottom:16px;display:flex}.color-sidebar-section-title>svg{color:#f1f1f4;stroke-width:1.7px;flex:0 0 24px;width:24px;height:24px}.color-sidebar-section-title h3{color:#f4f4f7;letter-spacing:-.025em;min-width:0;margin:0;font-size:15px;font-weight:700;line-height:1.2}.color-sidebar-role-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:-4px 0 14px;display:grid}.color-sidebar-role{color:#8f8f98;text-align:left;cursor:pointer;background:#111113;border:1px solid #292930;border-radius:7px;justify-content:space-between;align-items:center;gap:6px;min-width:0;min-height:36px;padding:0 8px;font-size:9px;font-weight:600;transition:background .16s,border-color .16s,color .16s;display:flex}.color-sidebar-role:hover{color:#fff;background:#17233b;border-color:#4b83ff}.color-sidebar-role.is-active{color:#fff;background:#18233a;border-color:#4b83ff;box-shadow:0 0 0 1px #4b83ff33}.color-sidebar-role span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.color-sidebar-role i{border:1px solid #555862;border-radius:50%;flex:0 0 12px;width:12px;height:12px;box-shadow:inset 0 0 0 1px #0004}.color-sidebar-text-action{color:#f3f3f5;cursor:pointer;background:0 0;border:0;min-height:32px;margin-left:auto;padding:0;font-size:12px;font-weight:650}.color-sidebar-text-action:hover{color:#76a2ff}.color-sidebar-personal-row{box-sizing:border-box;scrollbar-width:none;align-items:center;gap:10px;min-height:45px;padding:4px 2px 5px;display:flex;overflow:visible}.color-sidebar-personal-row::-webkit-scrollbar{display:none}.color-sidebar-personal-picker-anchor{z-index:4;width:296px;height:45px;position:relative}.color-sidebar-swatch,.color-sidebar-create-swatch,.color-sidebar-tool-swatch,.color-sidebar-no-fill-swatch{box-sizing:border-box;color:#fff;cursor:pointer;border:1px solid #34343a;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative}.color-sidebar-swatch:hover,.color-sidebar-create-swatch:hover,.color-sidebar-tool-swatch:hover,.color-sidebar-no-fill-swatch:hover{border-color:#8b8b95;transform:translateY(-1px)}.color-sidebar-swatch.is-selected{border-color:#4b83ff;box-shadow:0 0 0 3px #4b83ff}.color-sidebar-no-fill-swatch{color:#f1f1f4;background:#111113;border-color:#34343a;overflow:hidden}.color-sidebar-no-fill-swatch.is-selected{border-color:#4b83ff;box-shadow:0 0 0 3px #4b83ff}.color-sidebar-no-fill-icon{border-radius:0;width:100%;height:100%;display:block}.color-sidebar-create-swatch{color:#111;background:conic-gradient(#ff315c,#ffca3a,#49df6f,#20c6e8,#4b83ff,#a04bff,#ff315c);border:0}.color-sidebar-create-swatch.is-open{border-color:#4b83ff;box-shadow:0 0 0 2px #4b83ff}.color-sidebar-create-swatch:after{content:"";z-index:0;background:#fff;border-radius:50%;position:absolute;inset:5px}.color-sidebar-create-swatch svg{z-index:1;stroke-width:1.8px;width:24px;height:24px;position:relative}.color-sidebar-tool-swatch{color:#f1f1f4;background:#0c0c0e;border-color:#33343a}.color-sidebar-tool-swatch svg{width:21px;height:21px}.color-sidebar-selected-swatch{flex-basis:42px}.color-sidebar-personal-item{flex:0 0 42px;width:42px;height:42px;display:inline-flex;position:relative}.color-sidebar-personal-item .color-sidebar-swatch{width:42px;height:42px}.color-sidebar-personal-remove{color:#b8b8c0;opacity:0;cursor:pointer;background:#2a2a2f;border:1px solid #000;border-radius:50%;place-items:center;width:16px;height:16px;padding:0;transition:opacity .16s,background .16s,color .16s;display:grid;position:absolute;top:-4px;right:-3px}.color-sidebar-personal-item:hover .color-sidebar-personal-remove{opacity:1}.color-sidebar-personal-remove:focus-visible{opacity:1}.color-sidebar-personal-remove:hover{color:#fff;background:#ef5560}.color-sidebar-personal-remove svg{width:10px;height:10px}.color-sidebar-custom-picker{box-sizing:border-box;color:#f5f5f7;background:#111113;border:1px solid #33343d;border-radius:14px;gap:14px;width:302px;padding:15px;animation:.18s cubic-bezier(.22,.61,.36,1) both color-sidebar-picker-in;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 36px #00000073,0 0 0 1px #ffffff0a}.color-sidebar-custom-tabs{border-bottom:1px solid #303038;grid-template-columns:1fr 1fr;display:grid;position:relative}.color-sidebar-custom-tabs button{color:#a7a7b0;cursor:pointer;background:0 0;border:0;min-height:34px;padding:0;font-size:13px}.color-sidebar-custom-tabs button.is-active{color:#fff;font-weight:700}.color-sidebar-custom-tabs button.is-active:after{content:"";background:#8b3dff;border-radius:3px 3px 0 0;width:calc(50% - 8px);height:3px;position:absolute;bottom:-1px}.color-sidebar-custom-tabs button:first-child.is-active:after{left:0}.color-sidebar-custom-tabs button:last-child.is-active:after{right:0}.color-sidebar-color-surface{box-sizing:border-box;cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border:1px solid #3d3e46;border-radius:13px;width:270px;height:110px;min-height:110px;position:relative;overflow:hidden}.color-sidebar-color-surface:focus-visible{outline-offset:3px;outline:2px solid #4b83ff}.color-sidebar-color-cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #111,0 2px 5px #0008}.color-sidebar-hue-control{display:block}.color-sidebar-hue-control input{-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:999px;width:100%;height:14px;margin:0;background:linear-gradient(to right,red 0deg,#ff0 60deg,#0f0 120deg,#0ff 180deg,#00f 240deg,#f0f 300deg,red 360deg)!important;border:0!important}.color-sidebar-hue-control input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#111;border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 1px #777,0 2px 5px #0008}.color-sidebar-hue-control input::-moz-range-thumb{background:#111;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #777,0 2px 5px #0008}.color-sidebar-custom-value-row{grid-template-columns:42px minmax(0,1fr) 54px;align-items:center;gap:8px;display:grid}.color-sidebar-custom-value-swatch{border:1px solid #4a4b53;border-radius:50%;width:40px;height:40px;box-shadow:inset 0 0 0 1px #0007}.color-sidebar-custom-value-row label{min-width:0}.color-sidebar-custom-value-row input[type=text],.color-sidebar-gradient-stop-editor input{box-sizing:border-box;color:#fff;background:#19191c;border:1px solid #363740;border-radius:9px;outline:0;width:100%;min-height:40px;padding:0 9px;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.color-sidebar-custom-value-row input[type=text]:focus,.color-sidebar-gradient-stop-editor input:focus{border-color:#4b83ff;box-shadow:0 0 0 2px #4b83ff22}.color-sidebar-custom-eyedropper{color:#fff;cursor:pointer;background:#19191c;border:1px solid #363740;border-radius:9px;place-items:center;width:54px;height:40px;padding:0;display:grid}.color-sidebar-custom-eyedropper:hover{background:#252031;border-color:#8b3dff}.color-sidebar-custom-eyedropper svg{width:20px;height:20px}.color-sidebar-gradient-editor{gap:14px;display:grid}.color-sidebar-gradient-preview{color:#fff;border:1px solid #3d3e46;border-radius:13px;align-items:flex-end;min-height:74px;padding:11px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.color-sidebar-gradient-preview span{background:#0008;border-radius:5px;padding:4px 6px;font-size:10px}.color-sidebar-gradient-stop-editor{grid-template-columns:1fr 1fr;gap:8px;display:grid}.color-sidebar-gradient-stop-editor label{color:#9999a3;gap:6px;font-size:9px;font-weight:650;display:grid}.color-sidebar-gradient-stop-swatches{gap:10px;display:flex}.color-sidebar-gradient-stop-swatches button{cursor:pointer;border:2px solid #fff;border-radius:50%;width:30px;height:30px;padding:0;box-shadow:0 0 0 1px #555}.color-sidebar-gradient-apply{color:#fff;cursor:pointer;background:#8b3dff;border:1px solid #8b3dff;border-radius:8px;min-height:36px;font-size:11px;font-weight:700}.color-sidebar-gradient-apply:hover{background:#9d5cff}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes color-sidebar-picker-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.color-sidebar-apply-all-row{color:#f1f1f4;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:11px;font-weight:650;display:flex}.color-sidebar-personal.has-appearance-states{padding-bottom:0}.color-sidebar-state-tabs{margin:8px 0 0}.color-sidebar-state-tabs+.color-sidebar-palette-section{padding-top:14px}.color-sidebar-switch{cursor:pointer;background:#242429;border:1px solid #3b3b43;border-radius:999px;flex:0 0 42px;width:42px;height:24px;padding:2px;transition:background .18s,border-color .18s;position:relative}.color-sidebar-switch span{background:#f4f4f6;border-radius:50%;width:18px;height:18px;transition:transform .2s cubic-bezier(.22,.61,.36,1);display:block;box-shadow:0 1px 2px #00000059}.color-sidebar-switch:hover{border-color:#6b6b75}.color-sidebar-switch:focus-visible{outline-offset:2px;outline:2px solid #4b83ff}.color-sidebar-switch.is-on{background:#4b83ff;border-color:#4b83ff}.color-sidebar-switch.is-on span{transform:translate(16px)}.color-sidebar-palette-section{padding-bottom:29px}.color-sidebar-palette-section .color-sidebar-section-title{margin-bottom:18px}.color-sidebar-palette-section .color-sidebar-section-title>svg{color:#d7d7dc}.color-sidebar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px 8px;display:grid}.color-sidebar-grid .color-sidebar-swatch{aspect-ratio:1;border-color:#3a3a40;flex-basis:auto;width:100%;min-width:0;height:auto}.color-sidebar-grid .color-sidebar-swatch:hover{transform:scale(1.04)}.color-sidebar-grid .color-sidebar-swatch.is-selected{box-shadow:0 0 0 3px #4b83ff}.color-sidebar-native-picker{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.color-sidebar-feedback{color:#8fb4ff;min-height:13px;margin-top:7px;font-size:9px;display:block}.color-sidebar-feedback:empty{display:none}.color-sidebar-full-palette{overflow-y:auto!important}.color-sidebar-full-palette .color-sidebar-header{margin-bottom:22px}.color-sidebar-full-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px 8px;padding:2px 2px 22px;display:grid}.color-sidebar-full-grid .color-sidebar-swatch{aspect-ratio:1;border-color:#3a3a40;flex-basis:auto;width:100%;min-width:0;height:auto}.color-sidebar-full-grid .color-sidebar-swatch:hover{transform:scale(1.04)}.color-sidebar-full-grid .color-sidebar-swatch.is-selected{box-shadow:0 0 0 3px #4b83ff}.color-sidebar-gradient-full-content{gap:25px;padding:0 2px 22px;display:grid}.color-sidebar-gradient-group{gap:12px;display:grid}.color-sidebar-gradient-group h3{color:#a9a9b1;letter-spacing:.01em;margin:0;font-size:14px;font-weight:500}.color-sidebar-gradient-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px 8px;display:grid}.color-sidebar-gradient-grid .color-sidebar-swatch{aspect-ratio:1;border-color:#3a3a40;flex-basis:auto;width:100%;min-width:0;height:auto}.color-sidebar-gradient-grid .color-sidebar-swatch:hover{transform:scale(1.04)}.color-sidebar-gradient-grid .color-sidebar-swatch.is-selected{box-shadow:0 0 0 3px #4b83ff}.color-sidebar-gradient-builder{gap:16px;padding:0 2px 8px;display:grid}.color-sidebar-gradient-builder h3{color:#f4f4f7;letter-spacing:-.03em;margin:0;font-size:20px;font-weight:700;line-height:1.1}.color-sidebar-gradient-seeds{align-items:center;gap:12px;min-height:66px;display:flex}.color-sidebar-gradient-seed,.color-sidebar-gradient-create{box-sizing:border-box;cursor:pointer;border:1px solid #3a3a40;border-radius:50%;flex:0 0 64px;width:64px;height:64px;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s}.color-sidebar-gradient-seed:hover,.color-sidebar-gradient-create:hover{border-color:#8b8b95;transform:translateY(-1px)}:is(.color-sidebar-gradient-seed:focus-visible,.color-sidebar-gradient-create:focus-visible,.color-sidebar-gradient-style:focus-visible){outline-offset:3px;outline:2px solid #4b83ff}.color-sidebar-gradient-create{color:#111;background:conic-gradient(#ff315c,#ffca3a,#49df6f,#20c6e8,#4b83ff,#a04bff,#ff315c);border-color:#0000;place-items:center;display:grid;position:relative}.color-sidebar-gradient-create:after{content:"";z-index:0;background:#fff;border-radius:50%;position:absolute;inset:7px}.color-sidebar-gradient-create svg{z-index:1;stroke-width:1.8px;width:30px;height:30px;position:relative}.color-sidebar-gradient-styles{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.color-sidebar-gradient-style{cursor:pointer;border:1px solid #0000;border-radius:15px;width:100%;min-width:0;height:64px;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s}.color-sidebar-gradient-style:hover{border-color:#8b8b95;transform:translateY(-1px)}.color-sidebar-gradient-style.is-selected{border:3px solid #8b3dff;box-shadow:0 0 0 2px #8b3dff44}@media (min-width:761px){.studio-colors-v2{padding:16px 16px 20px;overflow-y:hidden}.color-sidebar-header{min-height:28px;margin-bottom:17px}.color-sidebar-header h2{font-size:20px}.color-sidebar-section{padding-bottom:16px}.color-sidebar-section+.color-sidebar-section{padding-top:16px}.color-sidebar-section-title{gap:8px;min-height:22px;margin-bottom:10px}.color-sidebar-section-title>svg{flex-basis:21px;width:21px;height:21px}.color-sidebar-section-title h3{font-size:13px}.color-sidebar-text-action{min-height:26px;font-size:11px}.color-sidebar-personal-row{gap:7px;min-height:45px;padding-block:4px 5px}.color-sidebar-swatch,.color-sidebar-create-swatch,.color-sidebar-tool-swatch,.color-sidebar-no-fill-swatch,.color-sidebar-personal-item,.color-sidebar-personal-item .color-sidebar-swatch{flex-basis:36px;width:36px;height:36px}.color-sidebar-create-swatch svg{width:20px;height:20px}.color-sidebar-create-swatch:after{inset:4px}.color-sidebar-tool-swatch svg{width:18px;height:18px}.color-sidebar-apply-all-row{margin-top:10px;font-size:10px}.color-sidebar-palette-section{padding-bottom:18px}.color-sidebar-palette-section .color-sidebar-section-title{margin-bottom:12px}.color-sidebar-grid{grid-template-columns:repeat(7,34px);justify-content:space-between;gap:7px 4px}.color-sidebar-grid .color-sidebar-swatch{width:34px;height:34px}.color-sidebar-full-grid{grid-template-columns:repeat(7,34px);justify-content:space-between;gap:7px 4px}.color-sidebar-full-grid .color-sidebar-swatch{width:34px;height:34px}.color-sidebar-gradient-full-content{gap:20px;padding-bottom:18px}.color-sidebar-gradient-group{gap:10px}.color-sidebar-gradient-group h3{font-size:13px}.color-sidebar-gradient-grid{grid-template-columns:repeat(7,34px);justify-content:space-between;gap:7px 4px}.color-sidebar-gradient-grid .color-sidebar-swatch{width:34px;height:34px}}@media (min-width:761px) and (max-height:780px){.studio-colors-v2{padding:12px 14px 16px}.color-sidebar-header{margin-bottom:12px}.color-sidebar-section{padding-bottom:12px}.color-sidebar-section+.color-sidebar-section{padding-top:12px}.color-sidebar-section-title{margin-bottom:7px}.color-sidebar-section-title h3{font-size:12px}.color-sidebar-grid{grid-template-columns:repeat(7,30px);gap:5px 3px}.color-sidebar-grid .color-sidebar-swatch{width:30px;height:30px}.color-sidebar-full-grid{grid-template-columns:repeat(7,30px);gap:5px 3px}.color-sidebar-full-grid .color-sidebar-swatch{width:30px;height:30px}.color-sidebar-gradient-full-content{gap:15px}.color-sidebar-gradient-group{gap:7px}.color-sidebar-gradient-group h3{font-size:12px}.color-sidebar-gradient-grid{grid-template-columns:repeat(7,30px);gap:5px 3px}.color-sidebar-gradient-grid .color-sidebar-swatch{width:30px;height:30px}.color-sidebar-palette-section{padding-bottom:13px}.color-sidebar-palette-section .color-sidebar-section-title{margin-bottom:8px}}@media (max-width:760px){.studio-colors-v2{padding-inline:14px}}