:root{--canvas:#f6f7fb;--surface:#fff;--surface-2:#f3f5fa;--ink:#172033;--muted:#68758c;--subtle:#8e9aae;--line:#e7eaf0;--accent:#2558d9;--accent-soft:#edf2ff;--green:#137a54;--green-soft:#e9f6f0;--amber:#8a5a0a;--amber-soft:#fff4db;--red:#b42318;--radius-card:18px;--shadow:0 8px 28px #18274b0e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth;min-height:100%}body{background:var(--canvas);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2558d94d}button:disabled{opacity:.5;cursor:not-allowed!important}::selection{color:#102756;background:#dce6ff}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;height:100vh;padding:22px 14px 16px;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:11px;padding:0 11px 30px;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--accent);border-radius:12px;place-items:center;width:35px;height:35px;display:grid;box-shadow:0 6px 14px #2558d933}.brand-word{letter-spacing:-.65px;font:800 18px/1 Manrope,sans-serif}.sidebar-label{color:#98a2b3;letter-spacing:.13em;text-transform:uppercase;padding:0 12px 9px;font-size:10px;font-weight:700}.side-nav{gap:4px;display:grid}.side-link{color:#647087;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;height:44px;padding:0 12px;font-size:13px;font-weight:600;transition:background .18s,color .18s;display:flex}.sidebar-spacer{flex:1}.sidebar-help{background:linear-gradient(145deg,#f7f9ff,#fff);border:1px solid #e5eafa;border-radius:14px;margin:12px 3px 18px;padding:15px}.sidebar-help-title{margin:9px 0 4px;font:700 13px Manrope,sans-serif}.sidebar-help p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:11px;padding:0;font-size:11px;font-weight:700;display:inline-flex}.user-card{border-top:1px solid var(--line);align-items:center;gap:10px;padding:12px 10px 1px;display:flex}.avatar{color:#2753be;background:#e8efff;border-radius:12px;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.user-info{flex:1;min-width:0}.user-info strong,.user-info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-info strong{font-size:12px}.user-info span{color:var(--subtle);margin-top:2px;font-size:10px}.main-shell{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc2;justify-content:space-between;align-items:center;gap:18px;height:74px;padding:0 clamp(22px,4vw,60px);display:flex}.crumbs{min-width:0;color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.crumbs strong{color:var(--ink);font-weight:700}.crumb-back{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:12px;display:inline-flex}.top-actions{align-items:center;gap:10px;display:flex}.demo-badge{color:#68758c;white-space:nowrap;background:#fff;border:1px solid #e7eaf0;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:650;display:inline-flex}.demo-dot{background:#e0a52c;border-radius:50%;width:6px;height:6px}.icon-button{border:1px solid var(--line);color:#66738a;cursor:pointer;background:#fff;border-radius:11px;place-items:center;width:38px;height:38px;transition:all .16s;display:inline-grid}.page-wrap{width:min(1440px,100%);margin:0 auto;padding:38px clamp(22px,4vw,60px) 72px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:11px;font-size:10px;font-weight:750;display:flex}.page-heading h1{color:var(--ink);letter-spacing:-1.15px;margin:0;font:800 clamp(26px,3vw,34px)/1.14 Manrope,sans-serif}.page-heading p{max-width:600px;color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.6}.primary-button,.secondary-button,.quiet-button,.danger-button{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.primary-button:hover{background:#1e49be;transform:translateY(-1px);box-shadow:0 6px 17px #2558d93b}.quiet-button{color:#637087;background:0 0;min-height:36px;padding:0 10px}.danger-button{color:#a23932;background:#fff;border-color:#f0d7d5}.button-sm{border-radius:9px;min-height:34px;padding:0 11px;font-size:11px}.button-full{width:100%}.hero-card{min-height:228px;box-shadow:var(--shadow);background:linear-gradient(110deg,#f8faff 0%,#f2f6ff 59%,#eef3ff 100%);border:1px solid #dbe5fb;border-radius:22px;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:20px;padding:34px 42px;display:grid;position:relative;overflow:hidden}.hero-card:after{content:"";pointer-events:none;border:1px solid #2558d91a;border-radius:50%;width:360px;height:360px;position:absolute;top:-124px;right:9%;box-shadow:0 0 0 38px #2558d906,0 0 0 78px #2558d904}.hero-copy{z-index:1;max-width:600px;position:relative}.hero-kicker{color:#4965a5;align-items:center;gap:7px;margin-bottom:12px;font-size:11px;font-weight:700;display:inline-flex}.hero-copy h2{letter-spacing:-.8px;max-width:520px;margin:0;font:800 clamp(23px,2.3vw,31px)/1.2 Manrope,sans-serif}.hero-copy p{color:#60708e;max-width:480px;margin:11px 0 18px;font-size:13px;line-height:1.6}.hero-art{z-index:1;justify-self:center;width:min(100%,345px);height:178px;position:relative}.hero-window{background:#fff;border:1px solid #dde4f1;border-radius:15px;width:250px;height:147px;padding:11px;position:absolute;top:10px;right:7px;transform:rotate(3deg);box-shadow:0 18px 44px #374f8626}.hero-window-head{align-items:center;gap:5px;margin-bottom:11px;display:flex}.hero-window-head i{background:#c7d0df;border-radius:50%;width:5px;height:5px}.hero-window-head span{color:#8792a5;margin-left:auto;font-size:7px}.hero-window-content{grid-template-columns:1fr 1fr;gap:7px;display:grid}.hero-window-tile{background:#f3f6fc;border-radius:9px;min-height:47px;padding:8px}.hero-window-tile b{background:#b8c8ee;border-radius:4px;width:47%;height:5px;margin-bottom:6px;display:block}.hero-window-tile span{background:#dfe5ef;border-radius:4px;width:79%;height:4px;display:block}.hero-phone{background:#fff;border:2px solid #23334f;border-radius:17px;width:87px;height:142px;padding:8px;position:absolute;bottom:-9px;right:37px;transform:rotate(-8deg);box-shadow:0 14px 28px #1f34592b}.hero-phone-notch{background:#dfe4ed;border-radius:8px;width:30px;height:5px;margin:0 auto 8px}.hero-phone-banner{background:linear-gradient(140deg,#cfdbf8,#91a8e6);border-radius:7px;height:42px}.hero-phone-lines{padding:9px 2px}.hero-phone-lines i{background:#e7eaf0;border-radius:5px;height:4px;margin:0 0 5px;display:block}.hero-phone-lines i:first-child{background:#697caa;width:68%;height:5px}.hero-phone-chip{background:#2558d9;border-radius:6px;width:100%;height:18px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 32px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:16px 18px}.stat-head{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.stat-icon{width:29px;height:29px;color:var(--accent);background:#eef3ff;border-radius:9px;place-items:center;display:grid}.stat-card strong{letter-spacing:-.65px;margin:14px 0 4px;font:800 24px/1 Manrope,sans-serif;display:block}.stat-note{color:var(--subtle);font-size:10px}.section-head{justify-content:space-between;align-items:center;gap:14px;margin:28px 0 14px;display:flex}.section-head h2{letter-spacing:-.25px;margin:0;font:750 16px Manrope,sans-serif}.section-head p{color:var(--muted);margin:4px 0 0;font-size:11px}.project-grid,.category-grid,.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.project-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:17px;min-height:189px;padding:17px;transition:transform .18s,box-shadow .18s,border .18s;position:relative;box-shadow:0 2px 5px #14203705}.project-card-main{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.project-card-main:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:9px}.project-card:hover{box-shadow:var(--shadow);border-color:#d2dcf0;transform:translateY(-2px)}.project-card.archived-card{cursor:default;background:#fbfcfe}.project-card.archived-card:hover{border-color:var(--line);transform:none;box-shadow:0 2px 5px #14203705}.status-pill.archived{color:#637087;background:#eef1f5}.project-archive-action{opacity:.7;min-height:28px;margin-top:9px;transition:opacity .18s}.project-card:hover .project-archive-action,.project-card:focus-within .project-archive-action{opacity:1}.project-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.project-art{color:#335cb7;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.project-card h3{margin:16px 0 5px;font:750 14px Manrope,sans-serif}.project-card p{color:var(--muted);margin:0;font-size:11px}.project-card-footer{color:var(--subtle);border-top:1px solid #eff1f5;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding-top:12px;font-size:10px;display:flex}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;width:fit-content;min-height:23px;padding:0 8px;font-size:9px;font-weight:700;display:inline-flex}.status-pill.draft{color:#806021;background:#fff3d6}.status-pill.ready{color:#17724d;background:#e8f5ee}.status-pill .dot{background:currentColor;border-radius:50%;width:5px;height:5px}.empty-card{text-align:center;background:#fff9;border:1px dashed #ccd5e3;border-radius:17px;grid-column:1/-1;place-items:center;min-height:205px;padding:28px;display:grid}.empty-illustration{width:54px;height:54px;color:var(--accent);background:#edf2ff;border-radius:17px;place-items:center;margin-bottom:13px;display:grid}.empty-card h3{margin:0 0 6px;font:750 15px Manrope,sans-serif}.empty-card p{max-width:350px;color:var(--muted);margin:0 0 14px;font-size:11px;line-height:1.5}.activity-list{border:1px solid var(--line);background:#fff;border-radius:15px;gap:0;display:grid}.activity-item{border-bottom:1px solid #f0f1f5;align-items:center;gap:12px;padding:13px 16px;display:flex}.activity-item:last-child{border-bottom:0}.activity-icon{color:#4965a5;background:#f1f4fa;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.activity-copy{flex:1;min-width:0}.activity-copy b{font-size:11px;display:block}.activity-copy span{color:var(--muted);margin-top:3px;font-size:10px;display:block}.activity-time{color:var(--subtle);font-size:10px}.filterbar{align-items:center;gap:10px;margin-bottom:17px;display:flex}.search-field{border:1px solid var(--line);color:#8490a4;background:#fff;border-radius:11px;flex:1;align-items:center;gap:9px;min-width:220px;max-width:380px;height:41px;padding:0 12px;display:flex}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.search-field input::placeholder{color:#98a2b3}.category-card{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:16px;flex-direction:column;min-height:185px;padding:16px;transition:all .18s;display:flex}.category-card:hover,.category-card.selected{border-color:#bacbf4;transform:translateY(-2px);box-shadow:0 4px 18px #355bae14}.category-icon{color:#375aae;border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:14px;display:grid}.category-card strong{font:750 13px Manrope,sans-serif}.category-card p{color:var(--muted);margin:6px 0 12px;font-size:10px;line-height:1.45}.category-card span{color:#78859a;margin-top:auto;font-size:9px;font-weight:650}.template-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;transition:all .18s;overflow:hidden}.template-card:hover{box-shadow:var(--shadow);border-color:#cbd6ef;transform:translateY(-2px)}.template-cover{place-items:center;height:130px;display:grid;position:relative;overflow:hidden}.template-cover:before{content:"";border:1px solid #2558d924;border-radius:50%;width:92px;height:120px;position:absolute;bottom:-45px;right:24px;box-shadow:0 0 0 19px #2558d90a,0 0 0 38px #2558d909}.mini-template{z-index:1;background:#fff;border:1px solid #e4e8f1;border-radius:11px;width:130px;height:84px;padding:9px;position:relative;box-shadow:0 8px 20px #2437631f}.mini-template i{background:#e2e7f0;border-radius:4px;height:4px;margin:0 0 6px;display:block}.mini-template i:first-child{background:#9eb1e5;width:45%;height:5px}.mini-template .mini-template-row{grid-template-columns:1fr 1fr;gap:5px;display:grid}.mini-template .mini-template-row b{background:#f1f4fa;border-radius:6px;height:34px}.mini-template .mini-template-row b:first-child{background:#eaf0ff}.template-details{padding:13px 14px 14px}.template-details strong{font:750 12px Manrope,sans-serif;display:block}.template-details span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.template-meta{color:#8490a4;justify-content:space-between;align-items:center;margin-top:11px;font-size:9px;display:flex}.workspace-header{z-index:15;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffed;justify-content:space-between;align-items:center;gap:15px;padding:14px clamp(18px,3vw,42px);display:flex;position:sticky;top:0}.workspace-name{align-items:center;gap:12px;min-width:0;display:flex}.workspace-name h1{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font:750 15px Manrope,sans-serif;overflow:hidden}.workspace-name p{color:var(--muted);margin:4px 0 0;font-size:10px}.workspace-head-actions{align-items:center;gap:8px;display:flex}.workspace-tabs{z-index:14;border-bottom:1px solid var(--line);scrollbar-width:none;background:#fffffff0;align-items:center;gap:5px;padding:0 clamp(18px,3vw,42px);display:flex;position:sticky;top:66px;overflow-x:auto}.workspace-tab{color:#758198;cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:none;align-items:center;gap:7px;min-height:46px;padding:0 11px;font-size:11px;font-weight:650;display:flex;position:relative}.workspace-tab:after{content:"";background:0 0;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:11px;right:11px}.workspace-page{width:min(1500px,100%);margin:0 auto;padding:27px clamp(18px,3vw,42px) 60px}.workspace-title{justify-content:space-between;align-items:flex-end;gap:15px;margin:0 0 20px;display:flex}.workspace-title h2{letter-spacing:-.7px;margin:0;font:800 24px Manrope,sans-serif}.workspace-title p{color:var(--muted);margin:6px 0 0;font-size:11px}.setup-card,.panel,.notice-card{border:1px solid var(--line);background:#fff;border-radius:16px}.setup-card{padding:19px}.setup-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.setup-top h3{margin:0;font:750 14px Manrope,sans-serif}.setup-top p{color:var(--muted);margin:5px 0 0;font-size:10px}.progress-track{background:#edf0f5;border-radius:10px;height:5px;margin:15px 0 16px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--accent);height:100%;transition:width .3s;display:block}.setup-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.setup-step{color:#6e7a91;background:#f8f9fc;border-radius:10px;align-items:center;gap:8px;padding:9px;font-size:9px;display:flex}.setup-step .step-dot{color:#95a0b2;background:#fff;border:1px solid #d9deea;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font-size:9px;display:grid}.setup-step.done .step-dot{color:#147c50;background:#e7f6ee;border-color:#b8dfcc}.overview-grid{grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:16px;margin-top:18px;display:grid}.panel{padding:18px}.panel-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.panel-title h3{margin:0;font:750 13px Manrope,sans-serif}.panel-title span{color:var(--muted);font-size:10px}.metric-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.metric{background:#f7f8fb;border-radius:12px;padding:13px}.metric span{color:var(--muted);font-size:10px}.metric strong{margin:8px 0 4px;font:800 22px Manrope,sans-serif;display:block}.metric small{color:#169465;font-size:9px}.check-list{gap:11px;display:grid}.check-row{color:#4b5870;align-items:center;gap:9px;font-size:10px;display:flex}.check-row svg{color:#1a9062}.check-row.pending svg{color:#be8b24}.notice-card{color:#775b25;background:#fffaf0;border-color:#f0e4c9;align-items:flex-start;gap:11px;margin-top:16px;padding:14px;display:flex}.notice-card p{margin:0;font-size:10px;line-height:1.55}.notice-card b{margin-bottom:3px;font-size:10px;display:block}.editor-topline{justify-content:space-between;align-items:center;gap:10px;margin:0 0 13px;display:flex}.editor-topline-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.history-button{min-height:34px}.history-button:disabled{opacity:.48;cursor:not-allowed}.editor-status{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.editor-status i{background:#2ca777;border-radius:50%;width:6px;height:6px}.editor-layout{grid-template-columns:221px minmax(300px,1fr) 286px;align-items:start;gap:12px;display:grid}.editor-rail,.inspector{border:1px solid var(--line);background:#fff;border-radius:15px;min-width:0;overflow:hidden}.rail-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:3px;padding:5px;display:grid}.rail-tab{color:#768299;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;min-height:32px;padding:0 5px;font-size:9px;font-weight:700;display:grid}.rail-body{padding:13px}.rail-caption{color:#6f7b91;letter-spacing:.03em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:9px;font-weight:700;display:flex}.page-list{gap:4px;display:grid}.page-row{color:#526077;cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;min-height:37px;padding:0 7px 0 9px;font-size:10px;display:flex}.page-row:hover{background:#f8f9fc}.page-row span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.rail-small{color:#8b97aa;border-top:1px solid #eff1f5;margin-top:16px;padding-top:12px;font-size:9px;line-height:1.45}.rail-small b{color:#67758d;margin-bottom:4px;font-size:9px;display:block}.module-list{gap:6px;display:grid}.module-row{background:#fff;border:1px solid #edf0f5;border-radius:10px;align-items:center;gap:8px;padding:8px;display:flex}.module-row .module-icon{color:#526aa0;background:#f0f3f9;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;display:grid}.module-copy{flex:1;min-width:0}.module-copy b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.module-copy span{color:#8490a4;margin-top:2px;font-size:8px;line-height:1.35;display:block}.switch{cursor:pointer;background:#dfe3ea;border:0;border-radius:999px;flex:none;width:30px;height:18px;padding:0;transition:background .16s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000001f}.switch[aria-checked=true]:after{transform:translate(12px)}.canvas-wrap{border:1px solid var(--line);background:#edf0f6;border-radius:15px;flex-direction:column;align-items:center;min-width:0;min-height:550px;padding:14px;display:flex}.canvas-toolbar{color:#68758c;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:0 1px 12px;font-size:9px;display:flex}.toolbar-group{align-items:center;gap:4px;display:flex}.tiny-segment{background:#fff;border:1px solid #e1e5ee;border-radius:8px;gap:2px;padding:3px;display:inline-flex}.tiny-segment button{color:#748098;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:25px;padding:0 7px;font-size:9px;display:inline-flex}.phone-frame{background-color:var(--mini-bg,#fff);background-image:var(--mini-texture,none);width:min(100%,330px);min-height:500px;color:var(--mini-ink,#172033);background-size:18px 18px,18px 18px,cover;border:7px solid #172239;border-radius:31px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 32px #23345326}.phone-status{color:currentColor;flex:none;justify-content:space-between;align-items:center;height:22px;padding:0 13px;font-size:8px;font-weight:700;display:flex}.phone-island{background:#172239;border-radius:999px;width:72px;height:12px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.phone-scroll{flex:1;padding:7px 13px 56px}.phone-app-head{align-items:center;gap:8px;margin:6px 0 14px;display:flex}.phone-logo{color:#fff;border-radius:9px;place-items:center;width:27px;height:27px;font-size:11px;font-weight:700;display:grid}.phone-logo img,.public-brand img{object-fit:contain;width:100%;height:100%;padding:3px}.logo-generator-card{border:1px solid var(--line);background:var(--panel-soft,#f7f8fc);border-radius:12px;align-items:center;gap:10px;margin:7px 0 12px;padding:10px;display:flex}.logo-generator-preview{color:#fff;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.logo-generator-preview img{object-fit:contain;width:100%;height:100%;padding:3px}.logo-generator-card b,.logo-generator-card small{display:block}.logo-generator-card b{font-size:11px}.logo-generator-card small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.4}.phone-app-head strong{font:750 11px Manrope,sans-serif;display:block}.phone-app-head small{color:#7f8ba0;margin-top:2px;font-size:8px;display:block}.phone-hero{color:#fff;background:linear-gradient(135deg, var(--mini-accent,#2558d9), #809ce5);border-radius:16px;flex-direction:column;justify-content:flex-end;min-height:121px;padding:14px;display:flex}.phone-hero .phone-kicker{opacity:.82;margin-bottom:8px;font-size:8px}.phone-hero b{letter-spacing:-.45px;max-width:210px;font:750 18px/1.15 Manrope,sans-serif}.phone-hero span{opacity:.88;margin-top:6px;font-size:8px}.phone-section-head{justify-content:space-between;align-items:center;margin:15px 0 8px;display:flex}.phone-section-head b{font:750 10px Manrope,sans-serif}.phone-section-head span{color:var(--mini-accent,#2558d9);font-size:8px}.phone-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.phone-card{border-radius:var(--mini-card-radius,12px);background:var(--mini-card,#f4f6fa);min-width:0;overflow:hidden}.phone-product-art{height:62px;color:color-mix(in srgb,var(--mini-accent) 63%,white);background:linear-gradient(145deg,#e8edf6,#f6f7f9);place-items:center;display:grid}.phone-product-art svg{opacity:.62}.phone-product-copy{padding:8px}.phone-product-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;display:block;overflow:hidden}.phone-product-copy span{color:#8190a4;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:7px;display:block;overflow:hidden}.phone-product-copy b{color:var(--mini-accent);margin-top:7px;font-size:8px;display:block}.phone-cta{border-radius:var(--mini-button-radius,10px);color:#fff;background:var(--mini-accent,#2558d9);border:0;width:100%;min-height:35px;margin-top:11px;font-size:9px;font-weight:700}.phone-bottom-nav{grid-template-columns:repeat(var(--nav-count,4), minmax(0,1fr));min-height:50px;padding:6px 5px max(6px, env(safe-area-inset-bottom));background:color-mix(in srgb,var(--mini-bg,#fff) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #8291aa26;display:grid;position:absolute;bottom:0;left:0;right:0}.phone-nav-item{color:#8994a7;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;display:flex}.phone-nav-item.active{color:var(--mini-accent,#2558d9)}.phone-nav-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 1px;font-size:clamp(6px,1.8vw,8px);overflow:hidden}.desktop-preview{background:#fff;border:1px solid #dfe4ed;border-radius:14px;width:min(100%,720px);min-height:500px;padding:18px;box-shadow:0 12px 28px #2334531a}.desktop-preview .phone-hero{min-height:146px}.desktop-preview .phone-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-preview .phone-product-art{height:115px}.inspector-head{border-bottom:1px solid var(--line);padding:14px}.inspector-head strong{font:750 12px Manrope,sans-serif;display:block}.inspector-head span{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.45;display:block}.inspector-body{scrollbar-width:thin;max-height:650px;padding:14px;overflow:auto}.control-group{margin-bottom:17px}.control-label{color:#5c6a81;justify-content:space-between;align-items:center;margin:0 0 8px;font-size:9px;font-weight:750;display:flex}.text-input,.select-input,.textarea-input{width:100%;min-height:37px;color:var(--ink);background:#fff;border:1px solid #e1e5ed;border-radius:9px;outline:none;padding:0 10px;font-size:10px}.textarea-input{resize:vertical;min-height:65px;padding:9px 10px;line-height:1.45}.text-input:focus,.select-input:focus,.textarea-input:focus{border-color:#9fb4ed;box-shadow:0 0 0 3px #edf2ff}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #fff;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;box-shadow:0 0 0 1px #dce1ea}.swatch.active{box-shadow:0 0 0 2px #273a63}.custom-swatch{background:conic-gradient(#e33,#ed3,#3b6,#38d,#d3c,#e33);position:relative;overflow:hidden}.custom-swatch input[type=color]{z-index:1;opacity:.01;cursor:pointer;border:0;width:calc(100% + 4px);height:calc(100% + 4px);padding:0;position:absolute;inset:-2px}.custom-swatch:focus-within{outline:3px solid var(--accent);outline-offset:3px}.custom-swatch-mark{color:#fff;pointer-events:none;text-shadow:0 1px 3px #000000bf;font-size:17px;font-weight:800;line-height:1}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.option-card{color:#69768c;cursor:pointer;text-align:left;background:#fff;border:1px solid #e4e7ee;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:54px;padding:8px 27px 8px 8px;display:flex;position:relative}.option-card strong{color:#4f5c73;font-size:9px}.option-card span{font-size:8px;line-height:1.3}.option-card.active{color:#2f55ae;background:#f3f6ff;border-color:#9db2ed}.option-card.active strong{color:#274ca7}.selection-mark{color:#fff;background:#263857;border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:7px;right:7px}.option-card span.selection-mark{font-size:0;line-height:1}.shape-options{justify-content:space-between;width:100%}.shape-options button{flex:1;min-height:31px}.icon-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.icon-choice{aspect-ratio:1;color:#748098;cursor:pointer;background:#fff;border:1px solid #e4e7ee;border-radius:8px;place-items:center;display:grid;position:relative}.icon-choice.active{color:var(--accent);background:#eff3ff;border-color:#a9bced}.icon-choice.active:after{content:"✓";color:#fff;background:#263857;border-radius:50%;place-items:center;width:12px;height:12px;font-size:8px;font-weight:800;line-height:1;display:grid;position:absolute;top:1px;right:2px}.icon-choice:hover{color:var(--accent)}.editor-layout :where(button,input,select,textarea):focus-visible{z-index:2;outline-offset:2px;outline:3px solid #214a96;position:relative}.editor-layout .custom-swatch:focus-within{outline-offset:3px;outline:3px solid #214a96}.nav-edit-row{border-bottom:1px solid #eff1f5;padding:9px 0}.nav-edit-top{align-items:center;gap:8px;display:flex}.nav-edit-top select{background:#fff;border:1px solid #e4e7ee;border-radius:8px;flex:1;min-width:0;height:32px;padding:0 7px;font-size:9px}.nav-reorder{gap:2px;display:flex}.nav-reorder .icon-button{border-radius:7px;width:26px;height:26px}.nav-limit{color:#8691a4;margin-top:9px;font-size:8px;line-height:1.45}.module-group-label{color:#8994a6;letter-spacing:.09em;text-transform:uppercase;margin:15px 0 8px;font-size:8px;font-weight:750}.role-preview{flex-wrap:wrap;gap:6px;display:flex}.block-library-group{gap:6px;margin-top:10px;display:grid}.block-library-group>b{color:var(--muted,#748097);letter-spacing:.02em;font-size:9px;font-weight:700}.role-chip{color:#69758a;cursor:pointer;background:#fff;border:1px solid #e2e6ee;border-radius:8px;min-height:29px;padding:0 8px;font-size:9px}.role-chip.active{color:#244db1;background:#eef3ff;border-color:#b6c7ef}.management-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:5px;margin-bottom:15px;padding-bottom:12px;display:flex}.management-tab{color:#6c7890;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:10px;font-weight:650;display:inline-flex}.management-tab.active{color:#294fad;background:#eef3ff;border-color:#dbe4fa}.data-table-wrap{border:1px solid var(--line);background:#fff;border-radius:13px;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.data-table th{border-bottom:1px solid var(--line);color:#8490a4;background:#fafbfc;padding:12px 14px;font-size:9px;font-weight:700}.data-table td{color:#3b475d;border-bottom:1px solid #eff1f5;padding:13px 14px;font-size:10px}.data-table tbody tr:last-child td{border-bottom:0}.table-primary{font-weight:700}.table-muted{color:#8792a4;margin-top:3px;font-size:9px}.table-status{color:#536279;background:#f0f2f5;border-radius:999px;padding:4px 7px;font-size:9px;display:inline-block}.table-status.blue{color:#2754b2;background:#edf2ff}.table-status.green{color:#17724d;background:#eaf6ef}.table-status.amber{color:#85601d;background:#fff3d8}.empty-management{text-align:center;place-items:center;min-height:280px;padding:25px;display:grid}.empty-management .empty-illustration{margin-bottom:11px}.empty-management h3{margin:0 0 6px;font:750 14px Manrope,sans-serif}.empty-management p{max-width:380px;color:var(--muted);margin:0;font-size:10px;line-height:1.55}.member-cell{align-items:center;gap:8px;display:flex}.member-avatar{color:#58698b;background:#eef2fa;border-radius:9px;place-items:center;width:28px;height:28px;font-size:9px;font-weight:750;display:grid}.member-cell b{font-size:10px;display:block}.member-cell span{color:#8691a4;margin-top:2px;font-size:8px;display:block}.chart-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);gap:14px;display:grid}.chart-panel{min-height:275px}.chart-placeholder{border-bottom:1px solid var(--line);background:repeating-linear-gradient(#0000 0 42px,#eef0f5 43px);align-items:flex-end;gap:12px;min-height:190px;padding:22px 12px 0;display:flex}.chart-bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.chart-bars{justify-content:center;align-items:flex-end;gap:4px;width:100%;height:155px;display:flex}.chart-bars i{background:#c8d5f5;border-radius:5px 5px 2px 2px;width:min(26%,17px);min-height:4px;display:block}.chart-bars i:last-child{background:var(--accent)}.chart-bar-group span{color:#8994a7;padding-bottom:7px;font-size:8px}.source-row{color:#67748a;align-items:center;gap:8px;margin:14px 0;font-size:10px;display:flex}.source-dot{background:var(--accent);border-radius:3px;width:8px;height:8px}.source-row span:nth-child(2){flex:1}.source-row b{color:var(--ink);font-size:10px}.settings-layout{grid-template-columns:190px minmax(0,1fr);gap:14px;display:grid}.settings-nav{border:1px solid var(--line);background:#fff;border-radius:13px;align-self:start;gap:4px;padding:8px;display:grid}.settings-nav button{color:#66738a;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:0 9px;font-size:9px;display:flex}.settings-nav button.active{color:#244db1;background:#eef3ff}.settings-section{border:1px solid var(--line);background:#fff;border-radius:15px;padding:19px}.settings-section h3{margin:0;font:750 14px Manrope,sans-serif}.settings-section>p{color:var(--muted);margin:6px 0 18px;font-size:10px;line-height:1.5}.form-row{grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px;display:grid}.field-label{color:#66738a;margin:0 0 6px;font-size:9px;font-weight:700;display:block}.input-hint{color:#8994a7;margin:5px 0 0;font-size:8px;line-height:1.45}.domain-preview{color:#5f6c82;background:#f9fafc;border:1px solid #e5e9f0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-top:9px;padding:10px 11px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.setting-card{border-bottom:1px solid #eff1f5;justify-content:space-between;align-items:flex-start;gap:15px;padding:13px 0;display:flex}.setting-card:last-child{border-bottom:0}.setting-card b{font-size:10px;display:block}.setting-card p{max-width:500px;color:var(--muted);margin:4px 0 0;font-size:9px;line-height:1.5}.setting-value{color:#78859a;font-size:9px}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#121b2e6b;justify-content:center;align-items:center;padding:18px;animation:.16s fade;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #ffffffb3;border-radius:21px;width:min(740px,100%);max-height:min(92vh,850px);animation:.2s rise;overflow:auto;box-shadow:0 24px 80px #0a173140}.create-project-modal :where(button,a,input,select,textarea):focus-visible{outline-offset:2px;outline:3px solid #2558d9}.create-project-modal .modal-category-grid button:focus-visible,.create-project-modal .layout-choice:focus-visible{z-index:1;position:relative}.modal-head{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 15px;display:flex;position:sticky;top:0}.modal-head h2{letter-spacing:-.5px;margin:0;font:800 19px Manrope,sans-serif}.modal-head p{color:var(--muted);margin:5px 0 0;font-size:10px}.modal-body{padding:18px 22px 22px}.modal-footer{border-top:1px solid var(--line);background:#fffffff7;justify-content:space-between;align-items:center;gap:12px;padding:13px 22px;display:flex;position:sticky;bottom:0}.modal-section-label{color:#66738a;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:10px;font-weight:750;display:flex}.modal-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:315px;padding:1px 3px 3px 1px;display:grid;overflow:auto}.mini-category{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e8ef;border-radius:10px;align-items:center;gap:8px;min-width:0;padding:9px;display:flex}.mini-category:hover,.mini-category.selected{background:#f4f7ff;border-color:#a9bced}.mini-category .category-icon{border-radius:9px;flex:none;width:29px;height:29px;margin:0}.mini-category strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.mini-category span{color:#8893a5;margin-top:3px;font-size:7px;display:block}.modal-split{grid-template-columns:1fr 1fr;gap:15px;margin-top:19px;display:grid}.layout-select{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.layout-choice{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e6ed;border-radius:10px;min-height:91px;padding:9px}.layout-choice.active{background:#f4f7ff;border-color:#98afea}.layout-choice.active b:before{content:"✓ ";color:#263857;font-weight:900}.layout-thumb{background:#eff2f7;border-radius:7px;justify-content:center;align-items:center;gap:4px;height:36px;margin-bottom:6px;display:flex}.layout-thumb i{background:#cbd6ee;border-radius:3px;width:13px;height:20px;display:block}.layout-thumb i:nth-child(2){background:#96ace3;width:28px}.layout-thumb.compact i{height:15px}.layout-thumb.informational{flex-direction:column;gap:2px}.layout-thumb.informational i{width:66%;height:5px}.layout-choice b{font-size:9px;display:block}.layout-choice span{color:var(--muted);margin-top:3px;font-size:7px;display:block}.modal-field{margin-top:15px}.slug-note{color:#748098;align-items:center;gap:6px;margin-top:7px;font-size:8px;display:flex}.publish-modal{width:min(540px,100%)}.publish-progress{gap:9px;margin:17px 0;display:grid}.publish-check{color:#657188;border:1px solid #ebedf2;border-radius:10px;align-items:center;gap:9px;padding:10px;font-size:10px;display:flex}.publish-check.done{color:#27714d;background:#f5fbf7;border-color:#e3f1e9}.publish-check.pending{color:#826324;background:#fffaf0;border-color:#f1e8d4}.release-review{border:1px solid var(--line);background:var(--surface);border-radius:13px;margin:16px 0;padding:13px}.release-review-head{justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.release-review-head span{color:var(--muted);font-size:9px}.release-review-checks{gap:7px;margin-top:11px;display:grid}.release-review-check{background:#fbfcfd;border:1px solid #e5ecf1;border-radius:9px;grid-template-columns:19px minmax(0,1fr);align-items:start;gap:8px;padding:8px 9px;display:grid}.release-review-check>span{color:#27714d;background:#e5f5ea;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:800;display:grid}.release-review-check b,.release-review-check small{display:block}.release-review-check b{font-size:9px}.release-review-check small{color:var(--muted);margin-top:3px;font-size:8px;line-height:1.45}.release-review-check.review{background:#fffaf0;border-color:#f0dfba}.release-review-check.review>span{color:#8a6420;background:#f7edcf}.release-review-check.blocked{background:#fff7f7;border-color:#f0cfd0}.release-review-check.blocked>span{color:#a23d45;background:#fbe3e4}.release-change-list{gap:7px;margin-top:12px;font-size:9px;display:grid}.release-change-list>div{flex-wrap:wrap;gap:5px;display:flex}.release-change-list>div span{color:#514777;background:#f7f5ff;border:1px solid #e5e9f2;border-radius:999px;padding:5px 8px;font-size:8px}.release-change-list>small{color:var(--muted)}.release-review-error{color:#a23d45;margin:10px 0 0;font-size:9px;line-height:1.5}.preview-link-box{color:#34529d;background:#f5f8ff;border:1px solid #dde5f7;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.toast{z-index:80;color:#206543;background:#f1faf5;border:1px solid #d5eadf;border-radius:11px;align-items:center;gap:8px;max-width:min(380px,100vw - 32px);padding:11px 14px;font-size:10px;font-weight:650;animation:.18s rise;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #163d2a1f}.global-platform-link{margin-top:5px}.platform-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.platform-kpi{border:1px solid var(--line);background:#fff;border-radius:13px;padding:15px}.platform-kpi span{color:var(--muted);font-size:9px}.platform-kpi strong{margin-top:10px;font:800 22px Manrope,sans-serif;display:block}.help-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.help-card{border:1px solid var(--line);background:#fff;border-radius:15px;min-height:160px;padding:17px}.help-card h3{margin:12px 0 6px;font:750 12px Manrope,sans-serif}.help-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.account-card{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:650px;padding:19px}.account-card h3{margin:0 0 6px;font:750 14px Manrope,sans-serif}.account-card p{color:var(--muted);font-size:10px;line-height:1.5}.policy-card{max-width:900px}.policy-card>div p{margin:5px 0 0}.policy-details{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.policy-details summary{color:var(--accent);cursor:pointer;font-size:11px;font-weight:700}.policy-columns{color:var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:13px;font-size:10px;line-height:1.6;display:grid}.policy-columns ul{color:var(--muted);margin:8px 0;padding-left:17px}.policy-columns li{margin:4px 0}.policy-footnote{border-top:1px solid var(--line);padding-top:10px}.mobile-nav{display:none}.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 fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1180px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.editor-layout{grid-template-columns:190px minmax(250px,1fr)}.inspector{grid-column:1/-1;grid-template-columns:170px 1fr;display:grid}.inspector-head{border-right:1px solid var(--line);border-bottom:0}.inspector-body{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 15px;max-height:none;display:grid}.control-group{margin-bottom:12px}}@media (max-width:900px){.app-shell{padding-bottom:calc(72px + env(safe-area-inset-bottom));display:block}.sidebar{display:none}.topbar{height:61px;padding:0 18px}.page-wrap{padding:26px 18px 38px}.hero-card{grid-template-columns:minmax(0,1fr) 270px;min-height:198px;padding:25px}.hero-art{transform-origin:100%;transform:scale(.82)}.project-grid,.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-header{padding:12px 17px;top:0}.workspace-tabs{padding:0 14px;top:64px}.workspace-page{padding:22px 16px 45px}.editor-layout{grid-template-columns:205px minmax(270px,1fr)}.overview-grid,.chart-grid{grid-template-columns:1fr}.mobile-nav{z-index:40;min-height:calc(60px + env(safe-area-inset-bottom));padding:6px 8px max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff2;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#768197;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;font-size:9px;font-weight:650;display:flex}.mobile-nav button.active{color:var(--accent);background:#f1f4ff}}@media (max-width:650px){.topbar{padding:0 14px}.page-wrap{padding:22px 14px 34px}.page-heading{margin-bottom:21px;display:block}.page-heading>button{margin-top:16px}.hero-card{grid-template-columns:1fr;gap:0;min-height:0;padding:23px 20px}.hero-copy{max-width:100%}.hero-copy h2{max-width:410px;font-size:23px}.hero-copy p{max-width:420px;font-size:11px}.hero-art{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:15px 0 25px}.stat-card{padding:12px}.stat-card strong{font-size:20px}.project-grid,.category-grid,.template-grid{grid-template-columns:1fr}.project-card{min-height:160px}.category-card{min-height:146px}.template-cover{height:115px}.workspace-header{gap:8px;padding:10px 12px}.workspace-name{gap:8px}.workspace-name .project-art{width:36px;height:36px}.workspace-name h1{max-width:140px;font-size:12px}.workspace-name p{font-size:8px}.workspace-head-actions{gap:5px}.workspace-head-actions .secondary-button{display:none}.workspace-head-actions .primary-button{min-height:35px;padding:0 9px;font-size:9px}.workspace-head-actions .primary-button svg{width:14px}.workspace-tabs{gap:0;padding:0 7px;top:57px}.workspace-tab{gap:5px;min-height:43px;padding:0 9px;font-size:9px}.workspace-tab svg{width:14px;height:14px}.workspace-page{padding:19px 12px 34px}.workspace-title{align-items:flex-start}.workspace-title h2{font-size:20px}.setup-card{padding:14px}.setup-list{grid-template-columns:1fr 1fr}.setup-step{font-size:8px}.metric-row{grid-template-columns:1fr 1fr}.metric:last-child{grid-column:1/-1}.editor-layout{flex-direction:column;display:flex}.editor-rail,.canvas-wrap,.inspector{width:100%}.editor-rail{order:0}.inspector{order:1;display:block}.canvas-wrap{order:2;min-height:auto;padding:9px}.phone-frame{width:min(100%,330px);min-height:492px}.inspector-head{border-right:0;border-bottom:1px solid var(--line)}.inspector-body{max-height:420px;display:block}.form-row,.modal-split,.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow-x:auto}.settings-nav button{flex:none}.settings-section{padding:15px}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.help-grid{grid-template-columns:1fr}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:20px 20px 0 0;max-height:94vh}.modal-head{padding:17px 16px 13px}.modal-body{padding:14px 16px 17px}.modal-footer{padding:11px 16px max(11px,env(safe-area-inset-bottom))}.modal-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px}.layout-select{grid-template-columns:repeat(3,minmax(0,1fr))}.filterbar{flex-wrap:wrap}.search-field{min-width:100%;max-width:none}.projects-screen>.section-head{flex-wrap:wrap;align-items:flex-start;gap:10px}.projects-screen>.section-head>div{min-width:0}.projects-screen>.section-head>button{min-height:44px}.projects-screen .project-grid{grid-template-columns:minmax(0,1fr)}.projects-screen .project-card,.projects-screen .empty-card{min-width:0}.projects-screen .project-card h3,.projects-screen .project-card p{overflow-wrap:anywhere}.projects-screen .project-card-footer{flex-wrap:wrap}.projects-screen .project-card-footer>span{overflow-wrap:anywhere;min-width:0}.projects-screen .project-archive-action{min-height:44px}.projects-screen .project-view-actions{flex-wrap:wrap;width:100%;min-width:0}.projects-screen .project-view-actions>button{flex:auto;justify-content:center;min-width:0;min-height:44px}.modal .icon-button{flex:0 0 44px;width:44px;height:44px}.modal .search-field{width:100%;min-width:0;max-width:none;height:auto;min-height:44px}.modal .search-field input{min-width:0;min-height:44px;font-size:16px}.modal .mini-category{min-height:44px}}@media (max-width:360px){.demo-badge{display:none}.workspace-name h1{max-width:115px}.phone-frame{border-width:5px}.phone-bottom-nav{padding-left:2px;padding-right:2px}.phone-nav-item span{font-size:6px}.setup-step{gap:5px;padding:7px 5px}}.onboarding-page{background:radial-gradient(circle at 10% 0,#e9efff 0,#0000 36%),#f5f7fb;place-items:center;min-height:100svh;padding:26px 18px;display:grid}.onboarding-top{justify-content:space-between;align-items:center;width:min(880px,100%);margin-bottom:15px;display:flex}.onboarding-top .brand{padding:0}.onboarding-card{background:#fff;border:1px solid #e3e8f1;border-radius:22px;grid-template-columns:.88fr 1.12fr;width:min(880px,100%);min-height:500px;display:grid;overflow:hidden;box-shadow:0 24px 80px #1f32581c}.onboarding-aside{color:#fff;background:linear-gradient(153deg,#173a8a,#2558d9 58%,#5679e1);flex-direction:column;padding:34px 32px;display:flex}.onboarding-aside h1{letter-spacing:-.8px;margin:24px 0 10px;font:800 27px/1.12 Manrope,system-ui,sans-serif}.onboarding-aside>p{color:#dce5ff;max-width:330px;margin:0;font-size:12px;line-height:1.6}.onboarding-steps{gap:12px;margin:auto 0 23px;padding-top:32px;display:grid}.onboarding-step{color:#d1dcff;align-items:center;gap:10px;font-size:11px;font-weight:650;display:flex}.onboarding-step i{border:1px solid #96aeea;border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.onboarding-step.current{color:#fff}.onboarding-step.current i,.onboarding-step.done i{background:#ffffff2e;border-color:#fff}.onboarding-note{color:#dce5ff;border-top:1px solid #fff3;align-items:flex-start;gap:9px;padding-top:13px;font-size:9px;line-height:1.55;display:flex}.onboarding-form{align-self:center;padding:34px 38px}.onboarding-form h2{letter-spacing:-.45px;margin:11px 0 7px;font:800 22px/1.2 Manrope,system-ui,sans-serif}.onboarding-lead{color:var(--muted);margin:0 0 18px;font-size:11px;line-height:1.55}.onboarding-form .modal-field{gap:6px;margin-top:13px;display:grid}.onboarding-form .field-label{margin:0}.onboarding-footnote{color:#738098;align-items:center;gap:8px;margin-top:13px;font-size:9px;line-height:1.5;display:flex}.onboarding-actions{justify-content:space-between;gap:10px;margin-top:18px;display:flex}.onboarding-bottom{color:#7d899d;text-align:center;width:min(880px,100%);margin:12px 0 0;font-size:9px}.onboarding-error{color:#b42318;margin:11px 0 0;font-size:10px;line-height:1.5}.profile-summary{border:1px solid var(--line);background:#fafbfe;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.profile-summary>span:last-child{gap:3px;display:grid}.profile-summary small{color:var(--muted);font-size:10px}.profile-summary-row{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;padding:10px 1px;font-size:10px;display:flex}.profile-summary-row b{color:var(--ink);text-align:right}.consent-check{color:#5f6b81;align-items:flex-start;gap:8px;margin-top:11px;font-size:9px;line-height:1.5;display:flex}.consent-check input{accent-color:var(--accent);flex:none;margin-top:2px}.consent-check a{color:var(--accent)}.profile-trigger{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;min-height:39px;padding:2px 8px 2px 3px;display:inline-flex}.profile-trigger:hover{border-color:var(--line);background:#fff}.profile-trigger-copy{gap:1px;display:grid}.profile-trigger-copy b{text-overflow:ellipsis;white-space:nowrap;max-width:125px;font-size:10px;overflow:hidden}.profile-trigger-copy small{color:var(--muted);font-size:8px}.hero-points{border-left:1px solid #ffffff3d;align-content:center;gap:10px;padding:14px 0 14px 24px;display:grid}.hero-points>div{grid-template-columns:24px 1fr;align-items:center;gap:1px 8px;display:grid}.hero-points svg{color:#dce6ff;grid-row:span 2}.hero-points b{color:#fff;font:750 11px Manrope,system-ui,sans-serif}.hero-points span{color:#d7e1ff;font-size:9px;line-height:1.45}.purpose-filter{border:1px solid var(--line);color:#778398;background:#fff;border-radius:10px;align-items:center;gap:7px;min-height:38px;padding:0 10px;display:inline-flex}.purpose-filter select{min-width:142px;color:var(--ink);background:0 0;border:0;outline:0;font-size:10px}.content-add-form{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.3fr .7fr auto;align-items:end;gap:10px;padding-bottom:15px;display:grid}.content-add-form label{gap:5px;display:grid}.content-record-list{gap:8px;margin-top:14px;display:grid}.content-record{border:1px solid var(--line);border-radius:11px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;display:grid}.content-record-fields{grid-template-columns:.8fr 1.2fr .6fr;gap:7px;display:grid}.content-record-fields .text-input{min-height:34px;font-size:10px}.content-record-actions{gap:5px;display:flex}.version-list{gap:8px;margin-top:16px;display:grid}.save-error{z-index:25;color:#842018;background:#fff0ee;justify-content:space-between;align-items:center;gap:10px;padding:8px 16px;font-size:10px;display:flex;position:sticky;top:0}.save-error button{color:#842018;cursor:pointer;background:0 0;border:0;text-decoration:underline}.bot-controls{gap:8px;margin-top:14px;display:flex}.public-shell{--public-bg:#fff;--public-ink:#172033;--public-muted:#738098;--public-card:#f3f5f9;--public-accent:#2558d9;--public-radius:16px;--public-button-radius:12px;min-height:100svh;padding:max(18px,env(safe-area-inset-top)) 16px calc(94px + env(safe-area-inset-bottom));color:var(--public-ink);background-color:var(--public-bg);background-image:var(--public-texture,none);background-size:18px 18px,18px 18px,cover;font-family:DM Sans,system-ui,sans-serif}.public-header{border-bottom:1px solid color-mix(in srgb,var(--public-ink) 9%,transparent);align-items:center;gap:10px;width:min(760px,100%);margin:0 auto;padding:5px 0 18px;display:flex}.public-brand{width:39px;height:39px;color:var(--public-accent);border-radius:13px;place-items:center;display:grid;background:color-mix(in srgb,var(--public-accent) 14%,white)!important}.public-brand-copy{gap:2px;min-width:0;display:grid}.public-brand-copy b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.public-brand-copy small{color:var(--public-muted);font-size:10px}.public-version{color:var(--public-muted);margin-left:auto;font-size:9px}.public-shell:has(.public-theme-picker) .public-nav{border-top-color:color-mix(in srgb,var(--public-ink) 8%,transparent)}.public-content{width:min(760px,100%);margin:0 auto}.public-hero{padding:26px 0 19px}.public-kicker{color:var(--public-accent);letter-spacing:.12em;font-size:9px;font-weight:800}.public-hero h1{letter-spacing:-.7px;margin:9px 0 7px;font:800 clamp(23px,5vw,32px)/1.12 Manrope,system-ui,sans-serif}.public-hero p{max-width:560px;color:var(--public-muted);margin:0;font-size:12px;line-height:1.6}.public-section-heading{justify-content:space-between;align-items:center;margin:17px 0 10px;display:flex}.public-section-heading h2{margin:0;font:750 14px Manrope,system-ui,sans-serif}.public-section-heading span{color:var(--public-muted);font-size:10px}.public-policy-review{margin:10px 0 16px}.public-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.public-card{border-radius:var(--public-radius);width:100%;min-width:0;color:var(--public-ink);background:var(--public-card);font:inherit;text-align:left;cursor:pointer;border:1px solid #0000;align-items:flex-start;gap:10px;padding:13px;display:flex}.public-card:hover,.public-card.selected{border-color:color-mix(in srgb,var(--public-accent) 52%,transparent)}.public-card-icon{width:32px;height:32px;color:var(--public-accent);background:color-mix(in srgb,var(--public-accent) 12%,var(--public-bg));border-radius:10px;flex:none;place-items:center;display:grid}.public-card-copy{gap:4px;min-width:0;display:grid}.public-card-copy b{font-size:11px}.public-card-copy span{color:var(--public-muted);font-size:9px;line-height:1.5}.public-card-copy .public-price{color:var(--public-accent);margin-top:2px;font-size:10px}.public-empty{border:1px dashed color-mix(in srgb,var(--public-ink) 20%,transparent);border-radius:var(--public-radius);min-height:95px;color:var(--public-muted);text-align:center;justify-content:center;align-items:center;gap:9px;padding:20px;font-size:10px;display:flex}.public-cta{border-radius:var(--public-button-radius);color:#fff;background:var(--public-accent);cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;width:100%;min-height:46px;margin-top:17px;padding:0 16px;font-size:12px;font-weight:750;display:flex}.public-cta:disabled{opacity:.65}.public-disclosure{color:var(--public-muted);text-align:center;margin:12px 0 0;font-size:8px;line-height:1.5}.public-nav{z-index:5;padding:7px 8px max(9px,env(safe-area-inset-bottom));border-top:1px solid color-mix(in srgb,var(--public-ink) 10%,transparent);background:color-mix(in srgb,var(--public-bg) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:center;gap:3px;display:flex;position:fixed;bottom:0;left:0;right:0}.public-nav button{width:min(20vw,140px);min-width:0;min-height:48px;color:var(--public-muted);cursor:pointer;background:0 0;border:0;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;overflow:hidden}.public-nav button.active{color:var(--public-accent);background:color-mix(in srgb,var(--public-accent) 9%,var(--public-bg))}.public-nav button span{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:clamp(8px,2.2vw,10px);overflow:hidden}.public-modal-backdrop{z-index:50;background:#111b2f85;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.public-form-card{width:min(420px,100%);max-height:min(92svh,680px);color:var(--public-ink);background:var(--public-bg);border-radius:19px;padding:20px;overflow-y:auto;box-shadow:0 25px 90px #0000003d}.public-form-head{justify-content:space-between;gap:10px;margin-bottom:12px;display:flex}.public-form-head h2,.public-form-card h2{margin:0 0 5px;font:800 19px Manrope,system-ui,sans-serif}.public-form-head p,.public-form-card>p{color:var(--public-muted);margin:0;font-size:10px;line-height:1.55}.public-close{border:1px solid var(--line);background:var(--public-bg);cursor:pointer;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.public-form-card form{gap:11px;display:grid}.public-form-card label{color:var(--public-muted);gap:5px;font-size:10px;display:grid}.public-form-card input,.public-form-card textarea{border:1px solid color-mix(in srgb,var(--public-ink) 17%,transparent);width:100%;min-height:41px;color:var(--public-ink);background:var(--public-bg);resize:vertical;border-radius:9px;padding:9px 11px;font-size:11px}.public-form-card .public-cta{margin-top:4px}.public-form-error{color:#b42318;margin:0;font-size:10px}.public-success{color:#137a54;background:#e9f6f0;border-radius:50%;place-items:center;width:44px;height:44px;margin:0 auto 11px;display:grid}.public-form-card:has(.public-success){text-align:center}@media (max-width:900px){.hero-points{border-top:1px solid #ffffff40;border-left:0;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 0 0}.hero-points>div{grid-template-columns:20px 1fr}.hero-points span{grid-column:2}}@media (max-width:650px){.onboarding-page{padding:14px 12px 22px;display:block}.onboarding-top{margin:4px auto 11px}.onboarding-card{border-radius:17px;min-height:auto;display:block}.onboarding-aside{padding:17px 18px}.onboarding-aside h1{margin:9px 0 5px;font-size:18px}.onboarding-aside>p{font-size:10px}.onboarding-steps{gap:12px;margin:12px 0 0;padding:0;display:flex}.onboarding-step{gap:5px;font-size:8px}.onboarding-step i{width:21px;height:21px}.onboarding-note{display:none}.onboarding-form{padding:21px 18px}.onboarding-form h2{font-size:20px}.onboarding-bottom{margin:9px auto 0;font-size:8px}.content-add-form{grid-template-columns:1fr}.content-add-form .primary-button{justify-self:start}.content-record{grid-template-columns:1fr;align-items:start}.content-record-fields{grid-template-columns:1fr}.content-record-actions{justify-content:flex-start}.public-shell{padding-left:13px;padding-right:13px}.public-cards{grid-template-columns:1fr;gap:8px}.public-card{padding:11px}.public-hero{padding-top:22px}.public-hero p{font-size:11px}.public-nav{gap:0;padding-left:4px;padding-right:4px}.public-nav button{width:20vw;min-height:47px}.public-nav button span{font-size:8px}}@media (max-width:390px){.profile-trigger-copy{display:none}.top-actions{gap:5px}.purpose-filter{flex:1;justify-content:center}.hero-points{gap:8px}.hero-points b{font-size:9px}.hero-points span{font-size:8px}.public-nav button span{font-size:7px}}@media (max-width:650px){.policy-columns{grid-template-columns:1fr;gap:8px}}.public-form-card select{border:1px solid color-mix(in srgb,var(--public-ink) 17%,transparent);width:100%;min-height:41px;color:var(--public-ink);background:var(--public-bg);border-radius:9px;padding:9px 11px;font-size:11px}.public-form-card .public-check-field{align-items:center;gap:8px;display:flex}.public-form-card .public-check-field input{width:17px;min-height:17px;accent-color:var(--public-accent);margin:0}.public-form-card .public-selected-item{color:var(--public-ink);background:var(--public-card);border-radius:9px;padding:9px 10px}.entry-detail-list{overflow-wrap:anywhere;gap:3px;min-width:140px;max-width:280px;font-size:10px;line-height:1.45;display:grid}.entry-detail-list b{color:#566174;font-weight:650}.backup-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.public-search{border:1px solid color-mix(in srgb,var(--public-ink) 14%,transparent);color:var(--public-muted);background:var(--public-bg);border-radius:11px;align-items:center;gap:9px;margin:0 0 10px;padding:0 12px;display:flex}.public-search input{width:100%;min-height:40px;color:var(--public-ink);font:inherit;background:0 0;border:0;outline:0;font-size:11px}html,body{max-width:100%;overflow-x:clip}.app-shell,.main-shell,.page-wrap,.workspace-page,.editor-layout,.editor-rail,.canvas-wrap,.inspector,.onboarding-card,.public-shell,.public-content{min-width:0}input,select,textarea,button{max-width:100%}@media (max-width:900px){.app-shell{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.topbar{height:auto;min-height:calc(61px + env(safe-area-inset-top));padding-top:max(0px, env(safe-area-inset-top))}.workspace-header{padding-top:max(10px, env(safe-area-inset-top));top:0}.workspace-tabs{top:calc(64px + env(safe-area-inset-top))}.mobile-nav{padding-bottom:max(7px, env(safe-area-inset-bottom))}.mobile-nav button{min-height:44px}.editor-layout{min-width:0}.canvas-toolbar{flex-wrap:wrap;align-items:flex-start}.canvas-toolbar>span:first-child{overflow-wrap:anywhere;min-width:0}.toolbar-group{flex-wrap:wrap;justify-content:flex-end;max-width:100%}.rail-tab{min-height:40px}.editor-status{min-width:0}.editor-topline{flex-wrap:wrap;align-items:flex-start}}@media (max-width:650px){.page-wrap,.workspace-page,.workspace-header{padding-right:max(12px, env(safe-area-inset-right));padding-left:max(12px, env(safe-area-inset-left))}.workspace-tabs{top:calc(57px + env(safe-area-inset-top));padding-right:max(7px, env(safe-area-inset-right));padding-left:max(7px, env(safe-area-inset-left))}.workspace-tab{min-height:44px}.workspace-head-actions{flex:none}.workspace-head-actions .primary-button{text-overflow:ellipsis;white-space:nowrap;max-width:42vw;overflow:hidden}.editor-topline-actions{flex-wrap:wrap;width:100%}.editor-topline-actions .primary-button{flex:100%;min-height:42px}.editor-topline-actions .history-button{flex:1;justify-content:center;min-height:40px}.editor-rail{border-radius:12px}.rail-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.rail-tab{overflow-wrap:anywhere;min-width:0;min-height:44px;font-size:10px}.canvas-wrap{padding:10px}.canvas-toolbar{gap:8px}.toolbar-group{justify-content:space-between;width:100%}.tiny-segment{flex:1;min-width:0}.tiny-segment button{flex:1;justify-content:center;min-width:0;min-height:38px;padding:0 5px}.phone-frame{width:min(100%,360px);min-height:min(520px,72svh)}.desktop-preview{min-height:0;padding:12px}.desktop-preview .phone-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-body{max-height:none;overflow:visible}.inspector-head{padding:13px}.text-input,.select-input,.textarea-input,.modal-field input,.modal-field select,.modal-field textarea,.onboarding-form input,.onboarding-form select,.onboarding-form textarea{min-width:0;min-height:44px;font-size:16px}.textarea-input,.modal-field textarea,.onboarding-form textarea{min-height:90px}.primary-button,.secondary-button,.danger-button{min-height:44px}.modal-backdrop{padding-top:env(safe-area-inset-top)}.modal{width:100%;max-height:min(94dvh,850px)}.modal-footer{flex-wrap:wrap}.public-shell{padding-top:max(18px, env(safe-area-inset-top));padding-right:max(13px, env(safe-area-inset-right));padding-left:max(13px, env(safe-area-inset-left))}.public-nav{padding-right:max(4px, env(safe-area-inset-right));padding-bottom:max(9px, env(safe-area-inset-bottom));padding-left:max(4px, env(safe-area-inset-left))}.public-nav button{min-height:48px}.public-header{gap:8px}.public-version{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:34%;overflow:hidden}.public-section-heading{flex-wrap:wrap;align-items:flex-start;gap:6px}.public-section-heading span{margin-left:auto}.public-card{gap:12px;min-height:64px;padding:12px}.public-card-copy b,.public-card-copy span,.public-selected-item,.public-form-error{overflow-wrap:anywhere}.public-modal-backdrop{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.public-form-card{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:100%;max-height:min(92dvh,680px);padding:16px;overflow-y:auto}.public-form-head{align-items:flex-start}.public-close{flex-basis:44px;width:44px;height:44px}.public-form-card form{gap:12px}.public-form-card label{gap:6px;font-size:12px}.public-form-card input,.public-form-card select,.public-form-card textarea{min-height:46px;font-size:16px}.public-form-card textarea{min-height:110px}.public-form-card .public-check-field{align-items:flex-start;gap:10px}.public-form-card .public-check-field input{flex:0 0 20px;width:20px;min-width:20px;min-height:20px}.public-form-card .public-check-field>span{overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.5}.public-form-error{font-size:12px;line-height:1.5}.public-form-card .public-cta{min-height:48px}.public-close:focus-visible,.public-cta:focus-visible,.public-nav button:focus-visible,.public-card:focus-visible{outline-offset:2px;outline:3px solid #183d84}}@media (max-width:390px){.topbar{padding-right:max(10px, env(safe-area-inset-right));padding-left:max(10px, env(safe-area-inset-left));gap:8px}.crumbs{gap:5px;font-size:10px}.crumb-back{gap:4px;font-size:10px}.workspace-head-actions .primary-button{max-width:38vw}.workspace-tab{gap:4px;padding-left:7px;padding-right:7px;font-size:8px}.canvas-wrap{padding:8px}.phone-frame{border-radius:25px;min-height:470px}.desktop-preview .phone-cards{grid-template-columns:1fr}.onboarding-page{padding-right:max(10px, env(safe-area-inset-right));padding-left:max(10px, env(safe-area-inset-left))}}.phone-hero{color:var(--mini-hero-ink,#fff);background:linear-gradient(135deg,var(--mini-accent,#2558d9),var(--mini-hero-end,#809ce5))}.editor-topline{margin-bottom:12px}.editor-layout{grid-template-columns:minmax(248px,300px) minmax(320px,1fr) minmax(270px,320px);align-items:stretch;gap:14px}.editor-rail,.inspector{border-color:#e5e7ef;border-radius:15px;box-shadow:0 5px 22px #1f27430b}.editor-rail{flex-direction:column;max-height:calc(100vh - 166px);display:flex;position:sticky;top:148px}.editor-rail .rail-body{scrollbar-width:thin;min-width:0;min-height:0;overflow:hidden auto}.editor-rail .rail-body>*{min-width:0;max-width:100%}.rail-tabs{background:#fafaff;grid-template-columns:repeat(4,minmax(0,1fr))}.rail-tab{min-width:0;padding-inline:5px;font-size:10px}.canvas-wrap{background:radial-gradient(at 50% 8%,#fff 0,#f5f6fb 60%,#edeff6 100%);border-color:#e1e4ef;border-radius:17px;min-height:640px}.canvas-toolbar{width:100%;padding:0 2px 11px}.phone-frame{box-shadow:0 24px 60px #1e26422e,0 2px 6px #1e26421f}.inspector{max-height:calc(100vh - 166px);position:sticky;top:148px}.inspector-body{max-height:calc(100vh - 236px)}.function-library-group{margin:22px 0 28px}.function-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.function-library-card{min-width:0;min-height:116px;color:var(--ink);background:#fff;border:1px solid #e4e6ef;border-radius:14px;align-items:flex-start;gap:12px;padding:16px;display:flex;box-shadow:0 4px 16px #1d253f09}.function-library-icon{color:#665bd3;background:#f0efff;border-radius:12px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.function-library-copy{flex:1;min-width:0}.function-library-copy strong{font:750 12px Manrope,sans-serif;display:block}.function-library-copy p{color:var(--muted);margin:6px 0 9px;font-size:10px;line-height:1.45}.function-library-state{color:#247b65;background:#eaf7f2;border-radius:20px;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.function-library-state.hidden{color:#777d8d;background:#f1f2f5}.function-library-card.unavailable{background:#fbfbfd}.function-library-arrow{color:#9aa1b2;flex:none;margin-top:3px}.function-library-card.unavailable .function-library-arrow{visibility:hidden}@media (max-width:1200px){.editor-layout{grid-template-columns:minmax(235px,275px) minmax(300px,1fr)}.editor-layout>.inspector{grid-column:1/-1;max-height:none;position:static}.inspector-body{max-height:none}.function-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.editor-rail,.inspector{max-height:none;position:static}.editor-rail .rail-body{overflow:visible}}@media (max-width:650px){.editor-layout{grid-template-columns:minmax(0,1fr);gap:10px}.rail-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.function-library-grid{grid-template-columns:minmax(0,1fr)}.function-library-card{min-height:0;padding:13px}.canvas-wrap{min-height:0}}:root{--accent:#7165e8;--accent-soft:#f0efff}.primary-button:hover{background:#5f53d5;box-shadow:0 6px 17px #7165e83b}.side-link.active{color:#594dcb;background:#f0efff}.side-link.active svg,.brand-word span,.link-button,.eyebrow{color:#7165e8}.brand-mark{background:#7165e8;box-shadow:0 6px 14px #7165e833}.phone-card{border:var(--mini-card-border,1px solid transparent);border-bottom:var(--mini-card-border-bottom,1px solid transparent);border-radius:var(--mini-card-radius,13px);background:var(--mini-card,#f3f5f9);box-shadow:var(--mini-card-shadow,none)}.phone-cta{border:var(--mini-cta-border,0);border-bottom:var(--mini-cta-border-bottom,0);color:var(--mini-cta-ink,#fff);background:var(--mini-cta-bg,var(--mini-accent,#2558d9));box-shadow:var(--mini-cta-shadow,none)}.public-hero{border-radius:var(--public-radius,16px);color:var(--public-hero-ink,var(--public-ink));background:linear-gradient(135deg,color-mix(in srgb,var(--public-accent) 10%,var(--public-bg)),var(--public-bg));padding:22px}.public-card{border:var(--public-card-border,1px solid transparent);border-bottom:var(--public-card-border-bottom,1px solid transparent);border-radius:var(--public-radius,16px);background:var(--public-card,var(--public-card-bg,#f3f5f9));box-shadow:var(--public-card-shadow,none)}.public-card-photo{object-fit:cover;border-radius:11px;flex:0 0 76px;width:76px;height:76px}.public-cta{border:var(--public-cta-border,0);border-bottom:var(--public-cta-border-bottom,0);border-radius:var(--public-button-radius,12px);color:var(--public-cta-ink,#fff);background:var(--public-cta-bg,var(--public-accent));box-shadow:var(--public-cta-shadow,none)}.public-form-card .public-cta{color:var(--public-cta-ink,#fff);background:var(--public-cta-bg,var(--public-accent))}.photo-library{padding:16px}.photo-library-intro{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.photo-library-intro>span:first-child{gap:4px;display:grid}.photo-library-intro b{font:750 13px Manrope,sans-serif}.photo-library-intro small,.photo-library-copy small{color:var(--muted);font-size:10px;line-height:1.5}.photo-library-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.photo-library-card{border:1px solid var(--line);background:var(--surface,#fff);border-radius:13px;min-width:0;overflow:hidden}.photo-library-preview{color:#8a96aa;background:#f3f5f9;place-items:center;height:142px;display:grid;overflow:hidden}.photo-library-preview>img{object-fit:cover;width:100%;height:100%}.photo-library-preview>span{justify-items:center;gap:6px;display:grid}.photo-library-preview small{font-size:9px}.photo-library-copy{gap:3px;padding:10px 11px 7px;display:grid}.photo-library-copy b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.photo-library-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.photo-library-actions{flex-wrap:wrap;align-items:center;gap:6px;padding:0 10px 10px;display:flex}.photo-library-actions label{cursor:pointer}.photo-library-actions label.disabled{opacity:.55;pointer-events:none}@media (max-width:650px){.public-hero{padding:17px}.public-card-photo{flex-basis:70px;width:70px;height:70px}.photo-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.photo-library-preview{height:112px}.photo-library-actions .button-sm{min-height:34px;padding-inline:8px;font-size:9px}}.public-hero{color:var(--public-hero-ink);background:linear-gradient(135deg,var(--public-accent),var(--public-hero-end));margin-top:16px}.public-hero .public-kicker,.public-hero p{color:inherit;opacity:.88}.public-cover{object-fit:cover;border-radius:var(--public-radius,16px);width:100%;max-height:330px;margin-top:18px;display:block}.phone-cover{object-fit:cover;border-radius:var(--mini-radius,14px);width:100%;max-height:130px;margin-bottom:8px;display:block}.phone-product-art img{object-fit:cover;width:100%;height:100%}.phone-logo{color:var(--mini-hero-ink,#fff)}.phone-product-copy span,.phone-app-head small{color:var(--mini-muted)}.phone-section-head span,.phone-product-copy b,.phone-nav-item.active{color:var(--mini-accent-text,var(--mini-accent))}.public-brand,.public-card-icon,.public-card-copy .public-price,.public-nav button.active{color:var(--public-accent-text,var(--public-accent))}.public-page-select{color:var(--public-muted);justify-content:space-between;align-items:center;gap:12px;margin-top:15px;font-size:11px;display:flex}.public-page-select select,.preview-page-select{border:1px solid color-mix(in srgb,var(--public-ink) 15%,transparent);min-width:0;max-width:100%;color:var(--public-ink);background:var(--public-bg);border-radius:9px;padding:9px}.preview-page-select{width:100%;margin-top:9px;font-size:10px}.public-layout-visual .public-card{flex-direction:column;padding:0;overflow:hidden}.public-layout-visual .public-card-photo{border-radius:0;flex:none;width:100%;height:180px}.public-layout-visual .public-card-copy{padding:14px}.public-layout-visual .public-card-icon{margin:14px 14px 0}.public-layout-compact .public-cards,.public-layout-informational .public-cards{grid-template-columns:1fr}.public-layout-informational .public-card-copy b{font-size:15px}.public-layout-informational .public-card-copy span{font-size:12px}.public-listing-action{color:var(--public-accent);align-items:center;gap:4px;margin-top:4px;font-size:10px;font-weight:700;display:inline-flex}.public-listing-details{max-height:min(86svh,720px);overflow:auto}.public-listing-details-image{object-fit:cover;border-radius:14px;width:100%;max-height:260px}.public-listing-details .public-form-head{align-items:flex-start;padding:3px 0 0}.public-listing-details .public-form-head h2{margin:4px 0 0}.public-listing-details-price{color:var(--public-accent);font-size:17px}.public-listing-details-copy{color:var(--public-muted);white-space:pre-wrap;font-size:13px;line-height:1.65}.public-form-card,.public-form-card input,.public-form-card textarea,.public-form-card select{color:var(--public-ink);background:var(--public-bg)}.new-photo-field input{width:100%;max-width:190px;font-size:10px}.new-photo-field img{object-fit:cover;border-radius:6px;width:52px;height:40px}:root{--canvas:#f4eedf;--surface:#fffdf8;--surface-2:#f0e8d7;--ink:#2b1834;--muted:#75697a;--subtle:#9a8e9e;--line:#e7dcc4;--accent:#7150a0;--accent-soft:#eee7f5;--green:#24785d;--green-soft:#e4f2e9;--amber:#8b6824;--amber-soft:#f8edcc;--red:#a43e4a;--radius-card:17px;--shadow:0 12px 34px #2b183413}html,body{background:radial-gradient(ellipse at 78% -10%, #7150a017, transparent 34%), var(--canvas)}body{font-family:Segoe UI Variable,Aptos,Inter,ui-sans-serif,system-ui,sans-serif}h1,h2,h3,h4,.brand-word,.hero-copy h2,.workspace-title h2,.project-card h3,.stat-card strong{font-family:Segoe UI Variable Display,Aptos Display,Avenir Next,ui-sans-serif,system-ui,sans-serif}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#7150a073}.app-shell{background:0 0}.sidebar{color:#f9f4e9;background:#291a32;border-right-color:#e6ca7f3d;box-shadow:8px 0 32px #2b183414}.brand{color:#fff8e9}.brand-mark{color:#2b1834;background:linear-gradient(145deg,#f4df9b,#cfaa55);box-shadow:0 6px 20px #d8b96738}.brand-word span{color:#e2c777}.sidebar-label{color:#b8a8be}.side-link{color:#d2c5d4}.side-link:hover{color:#fff;background:#ffffff12}.side-link.active{color:#291a32;background:linear-gradient(110deg,#f1dc9b,#d4b564);box-shadow:0 6px 18px #dabb6724}.side-link.active svg{color:#4d3368}.sidebar-help{background:linear-gradient(145deg,#ffffff17,#ffffff09);border-color:#e7cc8445}.sidebar-help-title{color:#fff8eb}.sidebar-help p{color:#c9bbce}.link-button{color:#e6cf84}.user-card{border-top-color:#ffffff26}.user-info span{color:#c0b1c5}.avatar{color:#f3df9b;background:#e3c6752b}.main-shell{background:0 0}.topbar{background:#faf6ecd6;border-bottom-color:#553b641f}.crumbs strong{color:var(--ink)}.page-wrap{padding-top:34px}.eyebrow{color:#74539b}.primary-button{color:#2b1932;background:linear-gradient(110deg,#f0d98f,#d5b45f);box-shadow:0 5px 16px #8f6d282e}.primary-button:hover{color:#2b1932;background:#e5cb7d;box-shadow:0 8px 20px #8f6d283d}.secondary-button{color:#4a3656;background:#fffdf8;border-color:#e6dcc8}.secondary-button:hover{background:#f8f3e9;border-color:#b8a2ca}.quiet-button{color:#75697a}.quiet-button:hover{color:#573b73;background:#eee7f5}.demo-badge{color:#65566d;background:#fffdf8;border-color:#e5dac5}.icon-button{color:#64546d;background:#fffdf8;border-color:#e4d9c5}.icon-button:hover{color:#5c4077;background:#f5eef8;border-color:#b8a2ca}.hero-card{color:#fff9ee;background:radial-gradient(circle at 82% 18%,#e0c47829,#0000 26%),linear-gradient(122deg,#392442,#281a31 70%,#21162b);border-color:#e6ca7f70;border-radius:24px;min-height:254px;box-shadow:0 22px 55px #2b18342b}.hero-card:after{border-color:#e6ca7f3b;box-shadow:0 0 0 38px #e6ca7f0b,0 0 0 78px #e6ca7f06}.hero-kicker{color:#e8d58e}.hero-copy h2{color:#fff9ee}.hero-copy p{color:#d8cddd}.hero-window{background:#f4e6bd;border-color:#e6ca7f66;box-shadow:0 18px 44px #0a050f47}.hero-window-head span{color:#755a2a}.hero-window-tile{background:#fff8e7}.hero-window-tile b{background:#c8b376}.hero-window-tile span{background:#e4d8b7}.hero-window-tile.accent{background:#e9ddf0}.hero-window-tile.accent b{background:#8a68aa}.hero-phone{background:#fffdf8;border-color:#291a32}.hero-phone-banner{background:linear-gradient(140deg,#d9c6eb,#9472b3)}.hero-phone-chip{background:linear-gradient(110deg,#f0d98f,#d5b45f)}.stat-card,.project-card,.activity-list,.panel,.setup-card,.settings-section,.account-card,.help-card,.inspector,.editor-rail{background:#fffdf8f0;border-color:#e8deca;box-shadow:0 5px 18px #2b183409}.stat-icon{color:#67488a;background:#eee7f5}.project-card:hover{box-shadow:var(--shadow);border-color:#c8b783}.project-art{color:#63447f}.project-card-footer{border-top-color:#eee6d8}.status-pill.preview{color:#624683;background:#eee7f5}.empty-card{background:#fffdf8b8;border-color:#cfbf9a}.empty-illustration{color:#69468c;background:#eee7f5}.workspace-header,.workspace-tabs{background:#faf7eff0;border-color:#e6dcc9}.workspace-tab{color:#75697a}.workspace-tab.active{color:#60417d}.workspace-tab.active:after{background:#d4b45f}.workspace-page{padding-top:24px}.setup-card,.panel,.notice-card{border-radius:17px}.setup-step{background:#f7f2e8}.setup-step.done{color:#286c53;background:#e8f3e9}.setup-step .step-dot{border-color:#ded2bb}.progress-track{background:#e9dfcc}.progress-track span{background:linear-gradient(90deg,#75519e,#dbbe70)}.metric{background:#f7f2e8}.notice-card{color:#69521f;background:#fbf4df;border-color:#ead9aa}.editor-rail,.inspector,.canvas-wrap{border-color:#e6dcc9;border-radius:17px}.canvas-wrap{background:linear-gradient(145deg,#eee7f5,#f4eedf 72%)}.rail-tabs{border-color:#ece3d3}.rail-tab.active{color:#5d3e79;background:#eee7f5}.page-row.active{color:#563873;background:#f2ebf6;border-color:#d9c9e6}.module-row{background:#fffdf8;border-color:#ece5d8}.switch[aria-checked=true]{background:#7150a0}.canvas-toolbar{color:#706279}.tiny-segment{background:#fffdf8;border-color:#e3d9c7}.tiny-segment button.active{color:#563873;background:#eee7f5}.text-input,.textarea-input,.select-input{background-color:#fffefa;border-color:#e2d8c6;border-radius:10px}.text-input:focus,.textarea-input:focus,.select-input:focus{border-color:#997bb4;box-shadow:0 0 0 3px #7150a01a}.function-library-card,.content-record,.setting-card{background:#fffdf8;border-color:#e8deca}.function-library-icon{color:#684a88;background:#eee7f5}.function-library-state.available{color:#276c52;background:#e8f3e9}.onboarding-page{background:radial-gradient(circle at 10% 0%,#e6dbee 0,transparent 34%),var(--canvas)}.onboarding-card{border-color:#e3d7c2;box-shadow:0 26px 80px #2b183426}.onboarding-aside{background:radial-gradient(circle at 90% 8%,#e8d38d36,#0000 26%),linear-gradient(153deg,#392442,#281a31 72%,#21162b)}.onboarding-aside .brand-mark{color:#2b1932;background:linear-gradient(145deg,#f0d98f,#d5b45f)}.onboarding-aside .brand-word span{color:#e6cf84}.onboarding-step i{color:#f0d98f;border-color:#f0d98f66}.function-library-group+.function-library-group{margin-top:31px}.project-grid,.stats-grid,.overview-grid,.editor-layout{gap:16px}@media (max-width:760px){.hero-card{border-radius:19px;min-height:auto;padding:24px 22px}.hero-art{transform-origin:100%;transform:scale(.9)}.workspace-header,.workspace-tabs{background:#faf7effa}.project-card,.stat-card,.panel,.setup-card{border-radius:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.content-add-form{grid-template-columns:1fr 1.3fr .7fr .9fr auto}.page-structure-controls{background:#f2f5fa;border-radius:10px;padding:12px}.page-structure-actions{justify-content:space-between;gap:6px;margin-top:7px;display:flex}.photo-library-actions label:focus-within{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:900px){.content-add-form{grid-template-columns:1fr 1fr}}@media (max-width:650px){.content-add-form{grid-template-columns:1fr}.photo-library-actions .secondary-button{width:100%}.public-layout-visual .public-card-photo{height:200px}}.photo-library-actions label{position:relative;overflow:hidden}.photo-file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.desktop-preview{color:var(--mini-ink);background:var(--mini-bg)}.public-theme-picker{border:1px solid color-mix(in srgb,var(--public-ink) 13%,transparent);min-width:0;color:var(--public-muted);background:color-mix(in srgb,var(--public-bg) 88%,transparent);border-radius:10px;align-items:center;gap:5px;margin-left:auto;padding:0 8px;display:inline-flex}.public-theme-picker select{max-width:120px;min-height:32px;color:var(--public-ink);font:inherit;background:0 0;border:0;font-size:10px}.public-theme-picker+.public-version{margin-left:0}.preview-theme-picker{border:1px solid color-mix(in srgb,var(--mini-ink) 15%,transparent);max-width:96px;min-height:25px;color:var(--mini-ink);background:var(--mini-bg);border-radius:7px;margin-left:auto;padding:0 4px;font-size:7px}.theme-switch-setting{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:12px;display:flex}.theme-switch-setting input{accent-color:var(--accent);flex:none;margin-top:2px}.theme-switch-setting span{gap:5px;display:grid}.theme-switch-setting b{font-size:11px}.theme-switch-setting small{color:var(--muted);font-size:9px;line-height:1.55}.public-shell:has(.public-theme-picker) .public-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.public-nav-pill{right:12px;bottom:max(10px,env(safe-area-inset-bottom));border:1px solid color-mix(in srgb,var(--public-ink) 10%,transparent);border-radius:18px;width:max-content;max-width:calc(100% - 24px);margin:0 auto;padding:5px 7px;left:12px;box-shadow:0 8px 30px #141e3221}.public-nav-pill button{min-height:45px}.public-nav-floating{right:12px;bottom:max(12px,env(safe-area-inset-bottom));border:1px solid color-mix(in srgb,var(--public-ink) 10%,transparent);border-radius:999px;width:max-content;max-width:calc(100% - 24px);margin:0 auto;padding:6px 9px;left:12px;box-shadow:0 8px 30px #141e3229}.public-nav-floating button{width:clamp(48px,16vw,100px);min-height:42px}.public-nav-minimal{background:color-mix(in srgb,var(--public-bg) 98%,transparent);border-top-color:#0000;padding-top:3px}.public-nav-minimal button{border-radius:5px;min-height:43px}.public-nav-minimal button.active{background:0 0}.public-nav-minimal button.active span{text-underline-offset:4px;font-weight:750;text-decoration:underline}.public-nav-icons{gap:clamp(10px,4vw,24px)}.public-nav-icons button{border:1px solid color-mix(in srgb,var(--public-ink) 12%,transparent);background:color-mix(in srgb,var(--public-bg) 88%,transparent);border-radius:50%;width:46px;min-height:46px}.public-nav-icons button span{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.public-nav-icons button.active{color:var(--public-cta-ink,#fff);background:var(--public-button-bg,var(--public-accent));border-color:#0000}.phone-bottom-nav-pill,.phone-bottom-nav-floating{border:1px solid color-mix(in srgb,var(--mini-ink) 12%,transparent);border-radius:17px;bottom:7px;left:8px;right:8px;box-shadow:0 5px 18px #141e3224}.phone-bottom-nav-floating{border-radius:999px;left:18px;right:18px}.phone-bottom-nav-minimal{background:color-mix(in srgb,var(--mini-bg,#fff) 98%,transparent);border-top-color:#0000}.phone-bottom-nav-minimal .phone-nav-item.active span{text-underline-offset:3px;font-weight:800;text-decoration:underline}.phone-bottom-nav-icons{justify-content:center;align-items:center;gap:18px;display:flex}.phone-bottom-nav-icons .phone-nav-item{border:1px solid color-mix(in srgb,var(--mini-ink) 12%,transparent);border-radius:50%;flex:0 0 37px;width:37px;height:37px;min-height:37px}.phone-bottom-nav-icons .phone-nav-item span{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.phone-bottom-nav-icons .phone-nav-item.active{color:var(--mini-cta-ink,#fff);background:var(--mini-button-bg,var(--mini-accent));border-color:#0000}.public-nav-glass{right:9px;bottom:max(9px,env(safe-area-inset-bottom));border:1px solid color-mix(in srgb,var(--public-ink) 12%,transparent);background:color-mix(in srgb,var(--public-bg) 80%,transparent);-webkit-backdrop-filter:blur(24px)saturate(1.35);backdrop-filter:blur(24px)saturate(1.35);border-radius:19px;width:auto;padding:6px 7px;left:9px;box-shadow:0 10px 30px #141e3229}.public-nav-glass button{min-height:45px}.public-nav-segmented{right:8px;bottom:max(8px,env(safe-area-inset-bottom));border:1px solid color-mix(in srgb,var(--public-ink) 13%,transparent);background:color-mix(in srgb,var(--public-bg) 96%,var(--public-ink) 4%);border-radius:13px;gap:2px;width:auto;padding:4px;left:8px}.public-nav-segmented button{border-radius:9px;min-height:43px}.public-nav-segmented button.active{color:var(--public-accent-text,var(--public-accent));background:color-mix(in srgb,var(--public-accent) 14%,var(--public-bg))}.public-nav-tiles{right:5px;bottom:max(7px,env(safe-area-inset-bottom));background:0 0;border-top:0;gap:5px;width:auto;padding:5px;left:5px}.public-nav-tiles button{border:1px solid color-mix(in srgb,var(--public-ink) 9%,transparent);background:color-mix(in srgb,var(--public-bg) 94%,var(--public-ink) 6%);border-radius:13px;min-height:47px;box-shadow:0 3px 12px #141e3214}.public-nav-tiles button.active{color:var(--public-cta-ink,#fff);background:var(--public-button-bg,var(--public-accent));border-color:#0000}.public-nav-underline{padding-bottom:max(7px,env(safe-area-inset-bottom))}.public-nav-underline button{background:0 0;border-radius:0;position:relative}.public-nav-underline button.active{background:0 0}.public-nav-underline button.active:after{background:var(--public-accent);content:"";border-radius:2px;height:2px;position:absolute;bottom:0;left:24%;right:24%}.public-nav-compact button{border-radius:10px;flex-direction:row;flex:1 1 0;gap:5px;width:auto;min-height:43px;padding:0 3px}.public-nav-compact button span{width:auto;max-width:calc(100% - 20px);font-size:clamp(7px,2vw,9px)}.phone-bottom-nav-glass{border:1px solid color-mix(in srgb,var(--mini-ink) 14%,transparent);background:color-mix(in srgb,var(--mini-bg,#fff) 80%,transparent);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);border-radius:16px;width:auto;bottom:6px;left:6px;right:6px;box-shadow:0 7px 23px #141e3229}.phone-bottom-nav-segmented{border:1px solid color-mix(in srgb,var(--mini-ink) 12%,transparent);background:color-mix(in srgb,var(--mini-bg,#fff) 96%,var(--mini-ink) 4%);border-radius:11px;gap:2px;width:auto;padding:3px;bottom:5px;left:5px;right:5px}.phone-bottom-nav-segmented .phone-nav-item{border-radius:8px;min-height:38px}.phone-bottom-nav-segmented .phone-nav-item.active{color:var(--mini-accent);background:color-mix(in srgb,var(--mini-accent) 13%,var(--mini-bg,#fff))}.phone-bottom-nav-tiles{background:0 0;border-top:0;gap:3px;width:auto;padding:3px;bottom:3px;left:3px;right:3px}.phone-bottom-nav-tiles .phone-nav-item{border:1px solid color-mix(in srgb,var(--mini-ink) 9%,transparent);background:color-mix(in srgb,var(--mini-bg,#fff) 94%,var(--mini-ink) 6%);border-radius:9px;min-height:38px;box-shadow:0 2px 8px #141e3212}.phone-bottom-nav-tiles .phone-nav-item.active{color:var(--mini-cta-ink,#fff);background:var(--mini-button-bg,var(--mini-accent));border-color:#0000}.phone-bottom-nav-underline{padding-bottom:6px}.phone-bottom-nav-underline .phone-nav-item{background:0 0;border-radius:0;position:relative}.phone-bottom-nav-underline .phone-nav-item.active{background:0 0}.phone-bottom-nav-underline .phone-nav-item.active:after{background:var(--mini-accent);content:"";border-radius:2px;height:2px;position:absolute;bottom:0;left:25%;right:25%}.phone-bottom-nav-compact .phone-nav-item{flex-direction:row;gap:4px;min-height:37px;padding:0 2px}.phone-bottom-nav-compact .phone-nav-item span{width:auto;max-width:calc(100% - 18px);font-size:6px}.public-nav-dock{right:auto;bottom:max(11px,env(safe-area-inset-bottom));border:1px solid color-mix(in srgb,var(--public-ink) 12%,transparent);background:color-mix(in srgb,var(--public-bg) 91%,transparent);border-radius:999px;width:max-content;max-width:calc(100% - 22px);padding:5px 8px;left:50%;transform:translate(-50%);box-shadow:0 9px 28px #131b2f33}.public-nav-dock button{border-radius:999px;width:clamp(52px,16vw,86px);min-height:43px}.public-nav-dock button.active{color:var(--public-cta-ink,#fff);background:var(--public-button-bg,var(--public-accent));box-shadow:0 3px 10px color-mix(in srgb,var(--public-accent) 30%,transparent)}.public-nav-soft{background:color-mix(in srgb,var(--public-accent) 7%,var(--public-bg));border-top:0}.public-nav-soft button{border-radius:14px}.public-nav-soft button.active{background:color-mix(in srgb,var(--public-accent) 17%,var(--public-bg))}.public-nav-raised{right:8px;bottom:max(9px,env(safe-area-inset-bottom));border:1px solid color-mix(in srgb,var(--public-ink) 8%,transparent);background:var(--public-bg);border-radius:17px;padding:7px 6px;left:8px;box-shadow:0 7px 26px #131b2f2b}.public-nav-raised button{border:1px solid color-mix(in srgb,var(--public-ink) 8%,transparent);background:color-mix(in srgb,var(--public-bg) 94%,var(--public-ink) 6%);border-radius:12px;min-height:48px}.public-nav-raised button.active{border-color:color-mix(in srgb,var(--public-accent) 25%,transparent);background:color-mix(in srgb,var(--public-accent) 13%,var(--public-bg))}.phone-bottom-nav-dock{border:1px solid color-mix(in srgb,var(--mini-ink) 12%,transparent);background:color-mix(in srgb,var(--mini-bg,#fff) 91%,transparent);border-radius:999px;width:max-content;max-width:calc(100% - 18px);padding:4px 7px;bottom:7px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 6px 18px #141e3233}.phone-bottom-nav-dock .phone-nav-item{border-radius:999px;flex:0 66px;width:clamp(39px,14vw,66px);min-height:38px}.phone-bottom-nav-dock .phone-nav-item.active{color:var(--mini-cta-ink,#fff);background:var(--mini-button-bg,var(--mini-accent));box-shadow:0 3px 9px color-mix(in srgb,var(--mini-accent) 30%,transparent)}.phone-bottom-nav-soft{background:color-mix(in srgb,var(--mini-accent) 7%,var(--mini-bg,#fff));border-top:0}.phone-bottom-nav-soft .phone-nav-item{border-radius:12px}.phone-bottom-nav-soft .phone-nav-item.active{background:color-mix(in srgb,var(--mini-accent) 16%,var(--mini-bg,#fff))}.phone-bottom-nav-raised{border:1px solid color-mix(in srgb,var(--mini-ink) 9%,transparent);background:var(--mini-bg,#fff);border-radius:13px;padding:5px 4px;bottom:4px;left:4px;right:4px;box-shadow:0 5px 15px #141e322e}.phone-bottom-nav-raised .phone-nav-item{border:1px solid color-mix(in srgb,var(--mini-ink) 8%,transparent);background:color-mix(in srgb,var(--mini-bg,#fff) 94%,var(--mini-ink) 6%);border-radius:10px;min-height:40px}.phone-bottom-nav-raised .phone-nav-item.active{border-color:color-mix(in srgb,var(--mini-accent) 24%,transparent);background:color-mix(in srgb,var(--mini-accent) 13%,var(--mini-bg,#fff))}:is(.public-button-neomorphic,.mini-button-neomorphic) :is(.psr-action,.public-cta,.phone-cta){color:var(--public-ink,var(--mini-ink));background:color-mix(in srgb,var(--public-accent,var(--mini-accent)) 13%,var(--public-bg,var(--mini-bg)));box-shadow:7px 7px 14px color-mix(in srgb,var(--public-ink,var(--mini-ink)) 12%,transparent),-6px -6px 14px color-mix(in srgb,var(--public-bg,var(--mini-bg)) 90%,white)}:is(.public-button-brutalist,.mini-button-brutalist) :is(.psr-action,.public-cta,.phone-cta){border:2px solid var(--public-ink,var(--mini-ink));box-shadow:4px 4px 0 var(--public-ink,var(--mini-ink));border-bottom-width:4px;border-radius:3px;font-weight:850}:is(.public-button-glassPro,.mini-button-glassPro) :is(.psr-action,.public-cta,.phone-cta){border:1px solid color-mix(in srgb,var(--public-accent,var(--mini-accent)) 48%,#a96aff);background:color-mix(in srgb,var(--public-bg,var(--mini-bg)) 66%,transparent);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);box-shadow:0 7px 24px color-mix(in srgb,var(--public-accent,var(--mini-accent)) 22%,transparent)}:is(.public-button-threeD,.mini-button-threeD) :is(.psr-action,.public-cta,.phone-cta){box-shadow:0 5px 0 color-mix(in srgb,var(--public-accent,var(--mini-accent)) 68%,#111);transition:transform .12s,box-shadow .12s;transform:translateY(-2px)}:is(.public-button-threeD,.mini-button-threeD) :is(.psr-action,.public-cta,.phone-cta):active{box-shadow:0 1px 0 color-mix(in srgb,var(--public-accent,var(--mini-accent)) 68%,#111);transform:translateY(2px)}:is(.public-button-neon,.mini-button-neon) :is(.psr-action,.public-cta,.phone-cta){border:1px solid var(--public-accent,var(--mini-accent));box-shadow:0 0 9px color-mix(in srgb,var(--public-accent,var(--mini-accent)) 58%,transparent),inset 0 0 7px color-mix(in srgb,var(--public-accent,var(--mini-accent)) 20%,transparent)}:is(.public-button-pixel,.mini-button-pixel) :is(.psr-action,.public-cta,.phone-cta){border:2px solid var(--public-ink,var(--mini-ink));box-shadow:3px 3px 0 var(--public-ink,var(--mini-ink));image-rendering:pixelated;border-radius:2px;font-weight:850}:is(.public-button-underline,.mini-button-underline) :is(.psr-action,.public-cta,.phone-cta){border:0;border-bottom:2px solid var(--public-accent,var(--mini-accent));color:var(--public-ink,var(--mini-ink));box-shadow:none;background:0 0;border-radius:0;padding-inline:3px}:is(.public-button-animatedGradient,.mini-button-animatedGradient) :is(.psr-action,.public-cta,.phone-cta){background-size:200% 200%;animation:5s ease-in-out infinite nb-gradient-flow}@keyframes nb-gradient-flow{0%,to{background-position:0%}50%{background-position:100%}}:is(.public-button-badge,.mini-button-badge) .psr-action:after{content:"";background:#e14b63;border:1px solid #fff;border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-left:5px;display:inline-block;box-shadow:0 0 0 1px #e14b633d}:is(.public-button-split,.mini-button-split) .psr-action:after{content:"⌄";border-left:1px solid color-mix(in srgb,currentColor 28%,transparent);align-self:stretch;place-items:center;width:25px;margin:-10px -12px -10px 5px;font-size:14px;display:inline-grid}:is(.public-card-neomorphic,.mini-card-neomorphic) :is(.psr-feature,.psr-contact,.psr-list li,.psr-testimonial,.psr-gallery-card,.psr-announcement,.psr-specifications,.psr-audio-card,.psr-video-card,.psr-navigation-card){box-shadow:7px 7px 16px color-mix(in srgb,var(--public-ink,var(--mini-ink)) 11%,transparent),-6px -6px 16px color-mix(in srgb,var(--public-bg,var(--mini-bg)) 94%,white)}:is(.public-card-brutalist,.mini-card-brutalist) :is(.psr-feature,.psr-contact,.psr-list li,.psr-testimonial,.psr-gallery-card,.psr-announcement,.psr-specifications,.psr-audio-card,.psr-video-card,.psr-navigation-card){border:2px solid var(--public-ink,var(--mini-ink));box-shadow:4px 4px 0 var(--public-ink,var(--mini-ink));border-bottom-width:4px;border-radius:3px}:is(.public-card-gradientBorder,.mini-card-gradientBorder) :is(.psr-feature,.psr-contact,.psr-list li,.psr-testimonial,.psr-gallery-card,.psr-announcement,.psr-specifications,.psr-audio-card,.psr-video-card,.psr-navigation-card){border-color:color-mix(in srgb,var(--public-accent,var(--mini-accent)) 54%,#a96aff);box-shadow:0 7px 22px color-mix(in srgb,var(--public-accent,var(--mini-accent)) 14%,transparent)}:is(.public-card-hoverReveal,.mini-card-hoverReveal) :is(.psr-feature,.psr-contact,.psr-testimonial,.psr-announcement,.psr-navigation-card){transition:transform .18s,box-shadow .18s,border-color .18s}:is(.public-card-hoverReveal,.mini-card-hoverReveal) :is(.psr-feature,.psr-contact,.psr-testimonial,.psr-announcement,.psr-navigation-card):hover{box-shadow:0 11px 24px color-mix(in srgb,var(--public-ink,var(--mini-ink)) 12%,transparent);border-color:color-mix(in srgb,var(--public-accent,var(--mini-accent)) 40%,transparent);transform:translateY(-3px)}:is(.public-card-flip,.mini-card-flip) :is(.psr-feature,.psr-testimonial,.psr-navigation-card){transform-style:preserve-3d;transition:transform .28s}:is(.public-card-flip,.mini-card-flip) :is(.psr-feature,.psr-testimonial,.psr-navigation-card):hover{transform:rotateY(5deg)}:is(.public-card-parallax,.mini-card-parallax) :is(.psr-feature,.psr-contact,.psr-announcement,.psr-navigation-card){transition:transform .18s,box-shadow .18s}:is(.public-card-parallax,.mini-card-parallax) :is(.psr-feature,.psr-contact,.psr-announcement,.psr-navigation-card):hover{box-shadow:0 14px 28px color-mix(in srgb,var(--public-ink,var(--mini-ink)) 15%,transparent);transform:translateY(-3px)scale(1.008)}:is(.public-card-magazine,.mini-card-magazine) .psr-feature{border-inline-start:3px solid var(--public-accent,var(--mini-accent));border-radius:2px}:is(.public-card-neomorphic,.mini-card-neomorphic) :is(.public-card,.phone-card){box-shadow:7px 7px 16px color-mix(in srgb,var(--public-ink,var(--mini-ink)) 11%,transparent),-6px -6px 16px color-mix(in srgb,var(--public-bg,var(--mini-bg)) 94%,white)}:is(.public-card-brutalist,.mini-card-brutalist) :is(.public-card,.phone-card){border:2px solid var(--public-ink,var(--mini-ink));box-shadow:4px 4px 0 var(--public-ink,var(--mini-ink));border-bottom-width:4px;border-radius:3px}:is(.public-card-gradientBorder,.mini-card-gradientBorder) :is(.public-card,.phone-card){border:1px solid color-mix(in srgb,var(--public-accent,var(--mini-accent)) 54%,#a96aff);box-shadow:0 7px 22px color-mix(in srgb,var(--public-accent,var(--mini-accent)) 14%,transparent)}:is(.public-card-hoverReveal,.mini-card-hoverReveal) :is(.public-card,.phone-card){transition:transform .18s,box-shadow .18s}.public-card-hoverReveal .public-card:hover,.mini-card-hoverReveal .phone-card:hover{box-shadow:0 11px 24px color-mix(in srgb,var(--public-ink,var(--mini-ink)) 12%,transparent);transform:translateY(-3px)}:is(.public-card-flip,.mini-card-flip) :is(.public-card,.phone-card){transform-style:preserve-3d;transition:transform .28s}.public-card-flip .public-card:hover,.mini-card-flip .phone-card:hover{transform:rotateY(5deg)}:is(.public-card-parallax,.mini-card-parallax) :is(.public-card,.phone-card){transition:transform .18s,box-shadow .18s}.public-card-parallax .public-card:hover,.mini-card-parallax .phone-card:hover{box-shadow:0 14px 28px color-mix(in srgb,var(--public-ink,var(--mini-ink)) 15%,transparent);transform:translateY(-3px)scale(1.008)}:is(.public-card-magazine,.mini-card-magazine) :is(.public-card,.phone-card){border-inline-start:3px solid var(--public-accent,var(--mini-accent));border-radius:2px}.theme-palette-swatch{border:1px solid #0000001f;border-radius:99px;width:100%;height:6px;margin-top:7px;display:block}.psr-countdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.psr-countdown>span{border:1px solid color-mix(in srgb,var(--psr-accent) 22%,transparent);background:color-mix(in srgb,var(--psr-accent) 7%,var(--psr-bg));border-radius:12px;justify-items:center;gap:3px;padding:11px 5px;display:grid}.psr-countdown b{font-variant-numeric:tabular-nums;font-size:clamp(18px,6vw,26px)}.psr-countdown small,.psr-countdown-done{color:var(--psr-muted);font-size:9px}.psr-progress{gap:8px;margin-top:12px;display:grid}.psr-progress-label{color:var(--psr-ink);justify-content:space-between;gap:10px;font-size:11px;display:flex}.psr-progress-label span{color:var(--psr-muted);font-variant-numeric:tabular-nums}.psr-progress-track{background:color-mix(in srgb,var(--psr-ink) 9%,var(--psr-bg));border-radius:999px;height:10px;overflow:hidden}.psr-progress-track span{border-radius:inherit;background:linear-gradient(90deg,var(--psr-accent),color-mix(in srgb,var(--psr-accent) 45%,#bc69ef));height:100%;transition:width .35s;display:block}.psr-carousel{gap:10px;margin-top:12px;display:grid}.psr-carousel-card{border:1px solid color-mix(in srgb,var(--psr-accent) 22%,transparent);border-radius:var(--public-card-radius,var(--mini-card-radius,var(--psr-radius)));background:color-mix(in srgb,var(--psr-accent) 7%,var(--psr-bg));gap:8px;min-height:120px;padding:16px;display:grid}.psr-carousel-card b{font-size:14px}.psr-carousel-count{color:var(--psr-muted);font-size:9px}.psr-carousel-controls{justify-content:center;align-items:center;gap:14px;display:flex}.psr-carousel-controls button{border:1px solid color-mix(in srgb,var(--psr-ink) 13%,transparent);width:31px;height:31px;color:var(--psr-ink);background:var(--psr-bg);cursor:pointer;border-radius:50%;place-items:center;display:grid}.psr-carousel-controls button:disabled{opacity:.45;cursor:not-allowed}.psr-carousel-controls>span{gap:5px;display:flex}.psr-carousel-controls i{background:color-mix(in srgb,var(--psr-ink) 25%,transparent);border-radius:50%;width:6px;height:6px}.psr-carousel-controls i.active{background:var(--psr-accent);border-radius:5px;width:15px}.psr-cart{gap:8px;margin-top:12px;display:grid}.psr-cart-row{border:1px solid color-mix(in srgb,var(--psr-ink) 12%,transparent);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:11px;display:flex}.psr-cart-row>span{gap:4px;display:grid}.psr-cart-row b{font-size:11px}.psr-cart-row small{color:var(--psr-muted);font-size:10px}.psr-cart .psr-action{margin:0;padding:9px 11px;font-size:10px}.psr-map{gap:8px;margin-top:12px;display:grid}.psr-map iframe{border-radius:var(--public-card-radius,var(--mini-card-radius,var(--psr-radius)));border:0;width:100%;height:210px}.psr-map .psr-action{justify-self:start;margin-top:0}.psr-upload{border:1px dashed color-mix(in srgb,var(--psr-accent) 52%,transparent);background:color-mix(in srgb,var(--psr-accent) 5%,var(--psr-bg));cursor:pointer;border-radius:13px;align-items:center;gap:11px;margin-top:12px;padding:14px;display:flex;position:relative}.psr-upload>span{gap:4px;display:grid}.psr-upload b{font-size:11px}.psr-upload small{color:var(--psr-muted);font-size:9px;line-height:1.4}.psr-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.psr-upload small em{color:#a15c28;margin-top:4px;font-style:normal;display:block}.psr-upload-clear{color:var(--psr-muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:4px 0;font-size:9px;text-decoration:underline}.psr-ai-bubble{margin-top:12px;position:relative}.psr-ai-bubble-toggle{min-height:42px;color:var(--public-cta-ink,var(--mini-cta-ink,#fff));background:var(--public-button-bg,var(--mini-button-bg,var(--psr-accent)));box-shadow:0 6px 18px color-mix(in srgb,var(--psr-accent) 26%,transparent);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:11px;font-weight:750;display:inline-flex}.psr-ai-bubble-panel{border:1px solid color-mix(in srgb,var(--psr-accent) 22%,transparent);background:var(--psr-bg);box-shadow:0 8px 22px color-mix(in srgb,var(--psr-ink) 10%,transparent);border-radius:13px;gap:8px;margin-top:8px;padding:11px;display:grid}.psr-ai-bubble-panel form{gap:6px;display:flex}.psr-ai-bubble-panel input{border:1px solid color-mix(in srgb,var(--psr-ink) 15%,transparent);min-width:0;color:var(--psr-ink);background:var(--psr-bg);border-radius:9px;flex:1;padding:9px}.psr-ai-bubble-panel button{color:var(--public-cta-ink,var(--mini-cta-ink,#fff));background:var(--psr-accent);cursor:pointer;border:0;border-radius:9px;padding:8px 10px}.psr-ai-bubble-panel>p{white-space:pre-wrap}.psr-poll{gap:7px;margin-top:12px;display:grid}.psr-poll>button{border:1px solid color-mix(in srgb,var(--psr-ink) 12%,transparent);min-height:42px;color:var(--psr-ink);background:var(--psr-bg);font:inherit;text-align:left;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:11px;display:flex;position:relative;overflow:hidden}.psr-poll>button.selected{border-color:var(--psr-accent)}.psr-poll>button i{z-index:0;background:color-mix(in srgb,var(--psr-accent) 12%,transparent);transition:width .2s;position:absolute;inset:0 auto 0 0}.psr-poll>button span{z-index:1;position:relative}.psr-poll>small{color:var(--psr-muted);font-size:9px}.psr-calculator{grid-template-columns:1fr 22px 1fr;align-items:end;gap:8px;margin-top:12px;display:grid}.psr-calculator label{color:var(--psr-muted);gap:5px;font-size:9px;display:grid}.psr-calculator input{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--psr-ink) 15%,transparent);width:100%;min-width:0;min-height:40px;color:var(--psr-ink);background:var(--psr-bg);font:inherit;border-radius:10px;padding:9px;font-size:12px}.psr-calculator-operator{text-align:center;color:var(--psr-accent);align-self:center;font-weight:800}.psr-calculator output{color:var(--psr-ink);background:color-mix(in srgb,var(--psr-accent) 9%,var(--psr-bg));text-align:right;border-radius:11px;grid-column:1/-1;padding:11px;font-size:17px;font-weight:800}.psr-toast{margin-top:12px}.psr-toast-message{z-index:70;right:max(14px,env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));border:1px solid color-mix(in srgb,var(--psr-accent) 25%,transparent);max-width:min(340px,100vw - 28px);color:var(--psr-ink);background:var(--psr-bg);box-shadow:0 10px 28px color-mix(in srgb,var(--psr-ink) 16%,transparent);border-radius:13px;padding:12px 15px;font-size:11px;position:fixed}.psr-cart-quantity{align-items:center;gap:8px;display:flex}.psr-cart-quantity button{border:1px solid color-mix(in srgb,var(--psr-accent) 24%,transparent);width:27px;height:27px;color:var(--psr-ink);background:color-mix(in srgb,var(--psr-accent) 8%,var(--psr-bg));font:inherit;cursor:pointer;border-radius:8px;font-weight:800}.psr-cart-quantity button:disabled{opacity:.45;cursor:not-allowed}.public-shell:has(.public-nav-topbar){padding-top:70px}.public-nav-topbar{border-top:0;border-bottom:1px solid color-mix(in srgb,var(--public-ink) 10%,transparent);padding:max(7px,env(safe-area-inset-top)) 10px 7px;justify-content:flex-start;inset:0 0 auto;overflow:auto}.public-nav-topbar button{flex-direction:row;flex:none;width:auto;min-width:70px;padding:0 10px}.public-nav-topbar button.active{box-shadow:inset 0 -2px var(--public-accent)}.public-nav-sidebar{border-top:0;border-right:1px solid color-mix(in srgb,var(--public-ink) 11%,transparent);place-content:start stretch;gap:5px;width:210px;padding:14px;display:grid;inset:72px auto 0 0}.public-nav-sidebar button{flex-direction:row;justify-content:flex-start;gap:12px;width:100%;min-height:45px;padding:0 12px}.public-nav-sidebar button span{width:auto}.public-shell:has(.public-nav-sidebar){padding-left:230px}.public-nav-hamburger{z-index:11;background:color-mix(in srgb,var(--public-bg) 97%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);place-content:center stretch;gap:9px;padding:28px;display:grid;position:fixed;inset:0}.public-nav-hamburger button{border:1px solid color-mix(in srgb,var(--public-ink) 12%,transparent);background:var(--public-bg);flex-direction:row;justify-content:flex-start;gap:14px;width:100%;min-height:56px;padding:0 18px;font-size:14px}.public-menu-trigger{z-index:12;right:max(14px,env(safe-area-inset-right));bottom:calc(17px + env(safe-area-inset-bottom));min-height:44px;color:var(--public-cta-ink,#fff);background:var(--public-accent);box-shadow:0 7px 22px color-mix(in srgb,var(--public-accent) 32%,transparent);font:inherit;border:0;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-size:11px;font-weight:750;display:flex;position:fixed}.public-nav-fab{z-index:10;right:14px;bottom:calc(72px + env(safe-area-inset-bottom));pointer-events:none;background:0 0;border:0;justify-content:stretch;gap:5px;width:auto;padding:6px;display:grid;left:auto}.public-nav-fab.is-open{pointer-events:auto}.public-nav-fab button{border:1px solid color-mix(in srgb,var(--public-ink) 12%,transparent);background:var(--public-bg);width:auto;min-width:120px;min-height:39px;box-shadow:0 5px 15px color-mix(in srgb,var(--public-ink) 12%,transparent);border-radius:12px;flex-direction:row;justify-content:flex-start;gap:9px;padding:0 11px}.public-nav-fab-toggle{z-index:11;right:max(14px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));width:50px;height:50px;color:var(--public-cta-ink,#fff);background:var(--public-accent);box-shadow:0 7px 22px color-mix(in srgb,var(--public-accent) 32%,transparent);border:0;border-radius:50%;place-items:center;display:grid;position:fixed}.phone-bottom-nav-topbar{grid-template-columns:repeat(var(--nav-count,4),minmax(0,1fr));border-top:0;border-bottom:1px solid color-mix(in srgb,var(--mini-ink) 12%,transparent);inset:31px 0 auto}.phone-bottom-nav-sidebar{border:1px solid color-mix(in srgb,var(--mini-ink) 12%,transparent);border-radius:14px;grid-template-columns:1fr;width:43px;padding:5px 2px;inset:50% auto auto 3px;transform:translateY(-50%);box-shadow:0 4px 15px #141e321f}.phone-bottom-nav-sidebar .phone-nav-item{flex:0 0 38px;width:38px;min-height:38px}.phone-bottom-nav-sidebar .phone-nav-item span{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.phone-bottom-nav-hamburger{z-index:12;background:color-mix(in srgb,var(--mini-bg) 96%,transparent);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);border:0;align-content:center;gap:7px;padding:20px;display:grid;position:absolute;inset:0}.phone-bottom-nav-hamburger .phone-nav-item{border:1px solid color-mix(in srgb,var(--mini-ink) 12%,transparent);background:var(--mini-bg);border-radius:11px;flex-direction:row;justify-content:flex-start;gap:12px;width:100%;min-height:46px;padding:0 12px}.phone-menu-trigger{z-index:13;min-height:33px;color:var(--mini-cta-ink,#fff);background:var(--mini-accent);border:0;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;font-weight:750;display:flex;position:absolute;bottom:10px;right:10px}.phone-bottom-nav-fab{z-index:12;pointer-events:none;background:0 0;border:0;gap:5px;width:auto;padding:5px;display:grid;bottom:58px;left:auto;right:8px}.phone-bottom-nav-fab.is-open{pointer-events:auto}.phone-bottom-nav-fab .phone-nav-item{border:1px solid color-mix(in srgb,var(--mini-ink) 12%,transparent);background:var(--mini-bg);border-radius:10px;flex-direction:row;justify-content:flex-start;gap:7px;width:auto;min-width:104px;min-height:34px;padding:0 9px;box-shadow:0 3px 11px #141e321f}.phone-nav-fab-toggle{z-index:13;width:39px;height:39px;color:var(--mini-cta-ink,#fff);background:var(--mini-accent);box-shadow:0 4px 14px color-mix(in srgb,var(--mini-accent) 30%,transparent);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:8px;right:10px}@media (max-width:760px){.public-nav-sidebar{width:auto;padding:7px 8px max(9px,env(safe-area-inset-bottom));border-right:0;border-top:1px solid color-mix(in srgb,var(--public-ink) 10%,transparent);justify-content:center;gap:3px;display:flex;inset:auto 0 0}.public-nav-sidebar button{flex-direction:column;justify-content:center;gap:4px;width:min(20vw,140px);min-height:48px;padding:0}.public-shell:has(.public-nav-sidebar){padding-left:13px}.public-nav-sidebar button span{width:100%}.public-shell:has(.public-nav-topbar){padding-top:68px}}@media (prefers-reduced-motion:reduce){:is(.public-button-threeD,.mini-button-threeD) :is(.psr-action,.public-cta,.phone-cta),.psr-progress-track span,.psr-poll>button i{transition:none}:is(.public-button-animatedGradient,.mini-button-animatedGradient) :is(.psr-action,.public-cta,.phone-cta){animation:none}}.navigation-style-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.navigation-style-option{border:1px solid var(--line);min-width:0;color:var(--ink);background:var(--surface);text-align:left;cursor:pointer;border-radius:10px;gap:6px;padding:8px;display:grid}.navigation-style-option:hover{border-color:#aaa0ea}.navigation-style-option.active{background:#f9f8ff;border-color:#7566d5;box-shadow:0 0 0 2px #7566d51a}.navigation-style-option:disabled{cursor:not-allowed;opacity:.62}.navigation-style-option b{font-size:9px}.navigation-style-option small{min-height:22px;color:var(--muted);font-size:8px;line-height:1.4}.navigation-style-sample{background:#f8f9fc;border:1px solid #e1e5ed;border-radius:6px;align-items:center;gap:3px;height:28px;padding:4px;display:flex;overflow:hidden}.navigation-style-sample i{background:#d9deea;border-radius:4px;flex:1;height:12px;display:block}.navigation-style-sample i:first-child{background:#6974c9}.navigation-style-sample-pill{border-radius:999px;width:85%;margin-inline:auto}.navigation-style-sample-floating{border-radius:999px;width:74%;margin-inline:auto;box-shadow:0 2px 6px #18243a20}.navigation-style-sample-minimal{background:0 0;border-color:#0000;border-radius:2px}.navigation-style-sample-minimal i{border-radius:0;height:2px}.navigation-style-sample-icons{background:0 0;border:0;justify-content:center;gap:7px}.navigation-style-sample-icons i{border:1px solid #ccd3e3;border-radius:50%;flex:0 0 15px;height:15px}.navigation-style-sample-glass{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#eeeff6b3;border-radius:10px;width:88%;margin-inline:auto;box-shadow:0 2px 7px #19254418}.navigation-style-sample-segmented{background:#eceef5;border-radius:7px;gap:1px;padding:2px}.navigation-style-sample-segmented i{border-radius:3px;height:18px}.navigation-style-sample-tiles{background:0 0;border:0;gap:4px}.navigation-style-sample-tiles i{border:1px solid #d8ddeb;border-radius:5px;height:20px}.navigation-style-sample-underline{background:0 0;border-radius:1px}.navigation-style-sample-underline i{border-radius:0;height:2px}.navigation-style-sample-compact{gap:5px}.navigation-style-sample-compact i{border-radius:4px;height:14px}.navigation-style-sample-dock{border-radius:999px;width:78%;margin-inline:auto;padding:4px 7px;box-shadow:0 3px 8px #18243a24}.navigation-style-sample-dock i{border-radius:999px;height:15px}.navigation-style-sample-soft{background:#eef0fa;border-color:#dfe4f2}.navigation-style-sample-soft i{border-radius:8px;height:19px}.navigation-style-sample-raised{background:#fff;border-color:#fff;border-radius:10px;height:26px;box-shadow:0 3px 9px #18243a20}.navigation-style-sample-raised i{border:1px solid #e3e6ee;border-radius:7px;height:17px}.function-library-subgroup{gap:8px;margin-top:15px;display:grid}.function-library-subgroup h3{color:var(--ink);margin:0;font-size:12px}.function-library-subgroup .function-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:760px){.function-library-subgroup .function-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.function-library-subgroup .function-library-grid{grid-template-columns:1fr}.navigation-style-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}.starter-gallery{background:linear-gradient(135deg,#faf7fffa,#fffdf8fa);border:1px solid #e3deed;border-radius:18px;margin:0 0 28px;padding:22px;box-shadow:0 8px 28px #2e274d0e}.starter-gallery-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.starter-gallery-head h2{color:var(--ink);letter-spacing:-.45px;margin:5px 0 0;font:800 21px/1.2 Manrope,sans-serif}.starter-gallery-head p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.5}.starter-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.starter-prompt-card{min-width:0;min-height:86px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffffe0;border:1px solid #e8e4ef;border-radius:14px;align-items:center;gap:11px;padding:13px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.starter-prompt-card:hover{border-color:#b8a7dd;transform:translateY(-2px);box-shadow:0 8px 22px #362b581a}.starter-prompt-card:focus-visible{outline-offset:2px;outline:3px solid #315cf5}.starter-prompt-icon{border-radius:13px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.starter-prompt-copy{flex:1;gap:4px;min-width:0;display:grid}.starter-prompt-copy strong{font:750 12px/1.25 Manrope,sans-serif}.starter-prompt-copy small{color:var(--muted);font-size:10px;line-height:1.4}.starter-prompt-arrow{color:#8b8299;flex:none}.starter-prompt-preview{gap:6px;margin-top:14px;display:grid}.starter-prompt-preview textarea{resize:vertical;color:#4e5364;width:100%;font:inherit;background:#f8f7fb;border:1px solid #e1deea;border-radius:10px;padding:10px 11px;font-size:11px;line-height:1.5}.starter-prompt-preview small{color:var(--muted);font-size:9px;line-height:1.5}@media (max-width:1100px){.starter-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.starter-gallery{border-radius:15px;padding:15px}.starter-gallery-head{display:block}.starter-gallery-head>.demo-badge{margin-top:10px}.starter-gallery-grid{grid-template-columns:1fr;gap:8px}.starter-prompt-card{min-height:72px;padding:11px}}.page-row[draggable=true]{cursor:grab}.page-row.is-dragging{opacity:.45}.page-drag-hint{color:var(--muted);margin:7px 2px;font-size:8px;display:block}.project-card-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.project-delete-draft{color:#a33b43}.public-card{border:var(--public-card-border,1px solid transparent);border-bottom:var(--public-card-border-bottom,var(--public-card-border,1px solid transparent));border-radius:var(--public-card-radius,var(--public-radius,14px));background:var(--public-card-bg,var(--public-card,#f3f5f9));box-shadow:var(--public-card-shadow,none);transition:border-color .16s,box-shadow .16s,transform .16s}.public-card:hover{box-shadow:var(--public-card-shadow,0 5px 16px #18243a12);transform:translateY(-1px)}.public-card.selected{border-color:color-mix(in srgb,var(--public-accent) 65%,transparent)}.public-cta{background:var(--public-cta-bg,var(--public-accent));border:var(--public-cta-border,0);box-shadow:var(--public-cta-shadow,none);color:var(--public-cta-ink,#fff)}.public-nav{border-radius:var(--public-button-radius,0)}.public-nav-pill,.public-nav-floating{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.phone-page-transition,.public-page-transition{border:1px solid color-mix(in srgb,var(--public-accent,var(--mini-accent,#3568e8)) 28%,transparent);min-width:0;color:var(--public-ink,var(--mini-ink,#172033));background:color-mix(in srgb,var(--public-accent,var(--mini-accent,#3568e8)) 6%,var(--public-bg,var(--mini-bg,#fff)));border-radius:13px;align-items:center;gap:10px;margin:0 0 13px;padding:8px 10px;display:flex}.phone-page-transition button,.public-page-transition button{border:1px solid color-mix(in srgb,var(--public-accent,var(--mini-accent,#3568e8)) 28%,transparent);min-height:34px;color:var(--public-ink,var(--mini-ink,#172033));background:color-mix(in srgb,var(--public-accent,var(--mini-accent,#3568e8)) 10%,var(--public-bg,var(--mini-bg,#fff)));font:inherit;cursor:pointer;border-radius:10px;flex:none;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:700;display:flex}.phone-page-transition>span,.public-page-transition>span{min-width:0;color:var(--public-muted,var(--mini-muted,#78859a));text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.workspace-page.workspace-page-editor{width:100%;max-width:none;padding-inline:clamp(12px,1.6vw,28px)}.workspace-page-editor .editor-layout{grid-template-columns:minmax(440px,1fr) minmax(400px,1.72fr) minmax(340px,.92fr);gap:14px}.workspace-page-editor .editor-rail{min-width:0}.workspace-page-editor .canvas-wrap>.phone-frame{align-self:flex-start;margin-left:clamp(16px,3.5vw,64px)}@media (max-width:1500px){.workspace-page-editor .editor-layout{grid-template-columns:minmax(380px,.98fr) minmax(380px,1.12fr) minmax(320px,.92fr)}}@media (max-width:1200px){.workspace-page-editor .editor-layout{grid-template-columns:minmax(340px,.95fr) minmax(300px,1fr)}.workspace-page-editor .canvas-wrap>.phone-frame{align-self:center;margin-left:0}}@media (max-width:900px){.workspace-page.workspace-page-editor{padding-inline:16px}}@media (max-width:650px){.workspace-page.workspace-page-editor{padding-inline:max(12px, env(safe-area-inset-left))}.workspace-page-editor .editor-layout{grid-template-columns:minmax(0,1fr)}}.public-card{cursor:default;padding:0;position:relative}.public-card-main{border-radius:inherit;min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;align-items:flex-start;gap:10px;padding:13px;display:flex}.public-card-main:focus-visible,.public-card-favorite:focus-visible{outline:3px solid color-mix(in srgb,var(--public-accent) 65%,white);outline-offset:2px}.public-card-favorite{z-index:1;border:1px solid color-mix(in srgb,var(--public-accent) 22%,transparent);width:32px;height:32px;color:var(--public-accent);background:color-mix(in srgb,var(--public-bg) 91%,transparent);cursor:pointer;border-radius:11px;place-items:center;display:grid;position:absolute;top:7px;right:7px}.public-card-favorite.active{color:#fff;background:var(--public-accent)}.public-card-favorite.active svg{fill:currentColor}.public-card-main .public-card-copy{padding-right:24px}.public-layout-visual .public-card-main{flex-direction:column;width:100%;padding:0}.public-layout-visual .public-card-main .public-card-copy{padding:14px 48px 14px 14px}.public-card:has(.public-card-favorite) .public-card-main:focus-visible{outline-offset:-3px}.preview-device-picker{color:#65738b;background:#fff;border:1px solid #e1e5ee;border-radius:8px;align-items:center;gap:5px;min-height:29px;padding:0 7px;display:inline-flex}.preview-device-picker select{color:#394963;max-width:120px;font:inherit;cursor:pointer;background:0 0;border:0;outline:0;font-size:9px}.preview-device-picker:focus-within{border-color:#9fb4ed;box-shadow:0 0 0 2px #edf2ff}.phone-frame.preview-device-iphone-se{width:min(100%,281px);height:min(499px,100svh - 240px);min-height:360px}.phone-frame.preview-device-iphone-15{width:min(100%,280px);height:min(607px,100svh - 240px);min-height:360px}.tablet-preview.preview-device-ipad{background-color:var(--mini-bg,#fff);background-image:var(--mini-texture,none);width:min(100%,520px);height:min(693px,100svh - 240px);min-height:390px;color:var(--mini-ink,#172033);background-size:18px 18px,18px 18px,cover;border:7px solid #172239;border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 32px #23345326}.tablet-preview .phone-status{height:25px;padding-inline:18px}.desktop-preview.preview-device-desktop{width:min(100%,760px)}@media (max-height:650px){.phone-frame.preview-device-iphone-se,.phone-frame.preview-device-iphone-15,.tablet-preview.preview-device-ipad{height:calc(100svh - 190px);min-height:340px}}@media (max-width:650px){.preview-device-picker select{max-width:104px}.phone-frame.preview-device-iphone-se{width:min(100%,281px)}.phone-frame.preview-device-iphone-15{width:min(100%,280px)}.tablet-preview.preview-device-ipad{width:min(100%,520px)}}