:root{--navy:#081d56;--navy-2:#0c2466;--accent:#1754ea;--ink:#10182c;--panel:#071433;--panel-2:#0b1c44;--cream:#ece7dc;--paper:#f4f0e8;--app-page:#f2f2f7;--app-page-type:#111111;--app-page-muted:rgba(17,17,17,0.62);--app-panel:#ffffff;--app-panel-type:#111111;--app-panel-muted:rgba(17,17,17,0.62);--app-panel-border:rgba(17,17,17,0.12);--app-control:#ffffff;--app-control-type:#111111;--app-control-muted:rgba(17,17,17,0.62);--app-ok:#111111;--app-danger:#b42318;--app-danger-soft:rgba(180,35,24,0.12);--app-shadow:rgba(17,17,17,0.12);--app-bar:#ffffff;--app-bar-type:#111111;--app-accent:#111111;--app-accent-type:#ffffff;--app-accent-soft:rgba(17,17,17,0.08);--app-accent-ring:rgba(17,17,17,0.22);--app-card:#ffffff;--app-stage:#ffffff;--app-well:#3a3a3c;--app-well-type:#ffffff;--app-lid:#ffffff;--app-lid-type:#111111}.app-shell{min-height:100%}.app-shell-body{flex:1 1;min-height:0;display:flex;flex-direction:column}body,html{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}[contenteditable=true]:focus,[contenteditable=true]:focus-visible,input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{outline:none}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:22px 40px}.site-logo{display:inline-flex;align-items:center;font-weight:700;letter-spacing:-.04em;font-size:22px;color:var(--navy)}.site-mark{display:block;line-height:0}.site-mark img{height:34px;width:auto}.site-mark-on-dark{display:block}.app-shell[data-bar=light] .site-mark-on-dark,.app-shell[data-mode=light] .site-mark-on-dark,.site-mark-on-light{display:none}.app-shell[data-bar=light] .site-mark-on-light,.app-shell[data-mode=light] .site-mark-on-light{display:block}.site-nav-links{display:flex;gap:12px;align-items:center}.nav-link{color:var(--navy);padding:8px 12px}.nav-cta,.nav-link{font-size:14px;font-weight:600}.nav-cta{background:var(--navy);color:#fff;border:0;border-radius:999px;padding:10px 16px;cursor:pointer;font-family:inherit}.hero-actions form,.site-nav-links form{display:contents}.hero{padding:72px 40px 40px;max-width:860px}.hero h1{font-size:64px;line-height:.95;letter-spacing:-.05em;color:var(--navy);margin:0 0 18px}.hero p{margin:0;max-width:520px;font-size:18px;line-height:1.5;color:#3d4a6b}.hero-actions{display:flex;gap:12px;margin-top:28px}.btn-danger,.btn-primary,.btn-secondary{border:0;cursor:pointer;border-radius:999px;padding:12px 18px;font-weight:600}.btn-primary{background:var(--navy);color:#fff}.btn-secondary{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1.5px rgba(8,29,86,.2)}.btn-danger{background:transparent;color:#8a2430;box-shadow:inset 0 0 0 1.5px rgba(138,36,48,.25)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;padding:24px 40px 80px}.step{background:var(--paper);border-radius:18px;padding:22px}.step strong{display:block;color:var(--accent);font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}.step h2{margin:0 0 8px;font-size:22px;letter-spacing:-.03em;color:var(--navy)}.step p{margin:0;color:#3d4a6b;line-height:1.45}.site-footer{padding:24px 40px 40px;color:#667089;font-size:13px}body:has(.home),html:has(.home){height:100%;overflow:hidden;overscroll-behavior:none;background:#042f2e}.home,.home-hero{height:100dvh;max-height:100dvh;overflow:hidden;overscroll-behavior:none}.home-hero{position:relative;isolation:isolate}.home-mesh{position:absolute;inset:0;z-index:0}.auth-mesh-veil,.home-mesh-veil{position:absolute;inset:0;z-index:1;background:#042f2e;pointer-events:none;opacity:0}.home-ui{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none}.home.is-intro .home-mesh-veil,.home.is-outro.is-mesh-off .home-mesh-veil,html[data-home-enter] .home-mesh-veil{opacity:1}.home.is-intro.is-mesh-on .home-mesh-veil,.home.is-intro.is-ui-on .home-mesh-veil,.home.is-outro.is-ui-off .home-mesh-veil{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1)}.home.is-outro.is-mesh-off .home-mesh-veil{transition:opacity .56s ease}.home.is-intro .home-ui,.home.is-outro .home-ui,html[data-home-enter] .home-ui{opacity:0;transform:translateY(22px)}.home.is-intro.is-ui-on .home-ui{opacity:1;transform:none;transition:opacity .48s ease,transform .52s cubic-bezier(.22,1,.36,1)}.home.is-outro .home-ui{transition:opacity .42s ease,transform .42s cubic-bezier(.4,0,1,1)}.auth-page.is-intro .auth-mesh-veil,.auth-page.is-outro.is-mesh-off .auth-mesh-veil,html[data-auth-enter] .auth-mesh-veil{opacity:1}.auth-page.is-intro.is-mesh-on .auth-mesh-veil,.auth-page.is-intro.is-ui-on .auth-mesh-veil,.auth-page.is-outro.is-ui-off .auth-mesh-veil{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1)}.auth-page.is-outro.is-mesh-off .auth-mesh-veil{transition:opacity .56s ease}.auth-page.is-intro .auth-stage,.auth-page.is-outro .auth-stage,html[data-auth-enter] .auth-stage{opacity:0;transform:translateY(22px)}.auth-page.is-intro.is-ui-on .auth-stage{opacity:1;transform:none;transition:opacity .48s ease,transform .52s cubic-bezier(.22,1,.36,1)}.auth-page.is-outro .auth-stage{transition:opacity .42s ease,transform .42s cubic-bezier(.4,0,1,1)}.auth-page.is-intro.is-swap .auth-stage{opacity:0;transform:translateY(16px)}.auth-page.is-intro.is-swap-on .auth-stage{opacity:1;transform:none;transition:opacity .32s ease,transform .36s cubic-bezier(.22,1,.36,1)}.auth-page.is-outro.is-swap-off .auth-mesh-veil{opacity:0}.auth-page.is-outro.is-swap-off .auth-stage{opacity:0;transform:translateY(-12px);transition:opacity .28s ease,transform .28s cubic-bezier(.4,0,1,1)}@media (prefers-reduced-motion:reduce){.auth-mesh-veil,.home-mesh-veil,html[data-auth-enter] .auth-mesh-veil,html[data-home-enter] .home-mesh-veil{opacity:0;transition:none}.auth-page.is-intro .auth-stage,.auth-page.is-intro.is-swap .auth-stage,.auth-page.is-intro.is-swap-on .auth-stage,.auth-page.is-outro .auth-stage,.auth-page.is-outro.is-swap-off .auth-stage,.home.is-intro .home-ui,.home.is-outro .home-ui,html[data-auth-enter] .auth-stage,html[data-home-enter] .home-ui{opacity:1;transform:none;transition:none}.app-shell .listly-bar,.app-shell .listly-bar.is-leave,.app-shell.is-arrive .listly-bar{transition:none;transform:none}}.home-hero .btn-secondary,.home-hero .home-copy h1,.home-hero .nav-link,.home-hero .site-logo{color:#f4f0e8}.home-hero .home-copy p{color:rgba(244,240,232,.82)}.home .btn-primary,.home .nav-cta{background:#f4f0e8;color:#042f2e}.home .btn-secondary{box-shadow:inset 0 0 0 1.5px rgba(244,240,232,.4)}.home-demo{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,520px);grid-gap:40px;gap:40px;align-items:start;flex:1 1;min-height:0;padding:28px 40px 40px;overflow:auto;overscroll-behavior:none}.home-copy h1{font-size:56px;line-height:.95;letter-spacing:-.05em;margin:0 0 16px}.home-copy>p{margin:0 0 22px;max-width:460px;font-size:18px;line-height:1.5}.home-paste{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;max-width:520px}.home-paste input{padding:14px 16px;background:rgba(244,240,232,.94)}.home-paste button,.home-paste input{border:0;border-radius:999px;color:#042f2e}.home-paste button{padding:0 16px;font-weight:700;cursor:pointer;background:#f4f0e8}.home-paste-status{min-height:1.4em;margin:10px 0 0;font-size:13px}.home-paste-status.is-error{color:#ffd2c8}.home-preview{width:min(520px,100%);min-width:0;display:grid;grid-gap:10px;gap:10px}.home-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-preview-switch{background:rgba(244,240,232,.16)}.home-preview-switch button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:rgba(244,240,232,.72);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.home-preview-switch .slide-lid{background:#f4f0e8}.home-preview-switch button.is-active{background:transparent;color:#042f2e}.home-preview-downloads{display:flex;gap:6px}.home-preview-downloads button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:12px;min-width:58px;padding:8px 8px 7px;background:rgba(244,240,232,.16);color:#f4f0e8;display:grid;justify-items:center;grid-gap:4px;gap:4px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.home-preview-downloads button:hover{background:rgba(244,240,232,.28)}.home-preview-downloads svg{width:18px;height:18px}.preview-wrap.home-preview-wrap{width:100%;min-width:0;padding:0}.preview-wrap.home-preview-wrap.is-brochure{max-height:min(68vh,560px);overflow:auto}.preview-wrap.home-preview-wrap .listing,.preview-wrap.home-preview-wrap .listing *{box-sizing:border-box}.preview-wrap.home-preview-wrap .listing p{margin:0}.preview-wrap.home-preview-wrap .preview-frame{position:relative;width:100%;max-height:none}.home-preview-info{position:absolute;left:14px;bottom:14px;z-index:30}.home-preview-info button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(16,24,44,.72);color:#f4f0e8;display:grid;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:13px;font-style:italic;font-weight:700;line-height:1;cursor:help}.home-preview-info p{position:absolute;left:0;bottom:calc(100% + 8px);width:max-content;max-width:180px;margin:0;padding:8px 10px;border-radius:10px;background:rgba(16,24,44,.9);color:#f4f0e8;font-size:12px;line-height:1.35;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.home-preview-info:focus-within p,.home-preview-info:hover p{opacity:1;transform:translateY(0)}.preview-wrap.home-preview-wrap .brochure-sheet figcaption{color:rgba(244,240,232,.7)}.home-brand-placeholder .brand-name{font-size:34px}@media (max-width:900px){.home-demo{grid-template-columns:1fr;padding:12px 20px 64px}.home-copy h1{font-size:40px}.home-preview{width:min(100%,420px);margin:0 auto}.home-preview-bar{flex-wrap:wrap}}.step-figure{height:148px;margin:0 0 16px;border-radius:14px;background:#ece7dc;display:grid;place-items:center;overflow:hidden}.step-link-card{width:86%;background:#fff;border-radius:12px;padding:10px 12px 12px;box-shadow:0 8px 20px rgba(8,29,86,.08)}.step-link-chrome{display:flex;gap:4px;margin-bottom:10px}.step-link-chrome i{width:7px;height:7px;border-radius:50%;background:#d5dbe8}.step-link-row{display:flex;align-items:center;gap:8px;background:#f4f0e8;border-radius:999px;padding:7px 8px 7px 12px}.step-link-url{flex:1 1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;color:#3d4a6b}.step-link-row em{font-style:normal;font-size:11px;font-weight:700;background:#081d56;color:#fff;border-radius:999px;padding:4px 8px}.step-square{width:118px;height:118px;background:#cfe0f5;border-radius:10px;padding:12px 12px 10px;box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--font-montserrat),Montserrat,sans-serif;color:#081d56;box-shadow:0 10px 22px rgba(8,29,86,.12)}.step-square-brand{font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.step-square-kicker{margin-top:auto;font-size:11px;font-weight:700;letter-spacing:.04em}.step-square-status{font-size:22px;font-weight:800;letter-spacing:-.04em;line-height:.9}.step-square-name{margin-top:6px;font-size:10px;font-weight:600}.step-square-caret{margin-top:8px;font-size:8px;color:#1754ea;font-weight:700}.step-downloads{display:flex;gap:10px}.step-downloads span{width:64px;height:72px;border-radius:14px;background:#071433;color:#f4f0e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:700}.step-downloads svg{width:22px;height:22px}body:has(.auth-page),html:has(.auth-page){height:100%;overflow:hidden;overscroll-behavior:none;background:#042f2e}.auth-page{position:relative;isolation:isolate;height:100dvh;display:grid;place-items:center;padding:40px 20px;overflow:auto;overscroll-behavior:none}.auth-page.is-onboarding{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;max-height:100dvh;padding:clamp(10px,2vh,20px) 16px;overflow:hidden;overscroll-behavior:none;box-sizing:border-box}.auth-page.is-onboarding>.auth-stage{width:min(640px,100%);max-height:100%;min-height:0}.auth-page.is-onboarding .auth-card{margin-block:0;width:100%;max-height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}.auth-page.is-onboarding .onboard-head{flex-shrink:0}.auth-page.is-onboarding .onboard-head .site-logo img{height:22px}.auth-page.is-onboarding .auth-card h1{margin:6px 0 4px;font-size:clamp(22px,3.2vh,28px)}.auth-page.is-onboarding .auth-card p{margin:0 0 8px;font-size:13px}.auth-page.is-onboarding .onboard-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:8px 12px;gap:8px 12px;min-height:0;min-width:0;align-content:start}.auth-page.is-onboarding .onboard-span{grid-column:1/-1;min-width:0}.auth-page.is-onboarding .auth-card label{margin-bottom:0;min-width:0;font-size:12px}.auth-page.is-onboarding .auth-card input{margin-top:4px;min-width:0;max-width:100%;padding:9px 12px;border-radius:12px}.auth-page.is-onboarding .auth-card input[type=file]{padding:7px 10px}.auth-page.is-onboarding .auth-tip{margin-top:3px;font-size:11px}.auth-page.is-onboarding .auth-error,.auth-page.is-onboarding .auth-note{margin:0 0 8px;font-size:13px}.auth-page.is-onboarding .auth-card .btn-primary{flex-shrink:0;margin-top:10px;padding:11px 16px}@media (max-width:360px){.auth-page.is-onboarding .onboard-fields{grid-template-columns:minmax(0,1fr)}}@media (max-height:720px){.auth-page.is-onboarding .auth-card h1{margin:4px 0 2px;font-size:22px}.auth-page.is-onboarding .onboard-fields{gap:6px 10px}.auth-page.is-onboarding .auth-card input{padding:8px 10px}.auth-page.is-onboarding .auth-card .btn-primary{margin-top:8px;padding:10px 14px}}.auth-mesh{position:absolute;inset:0;z-index:0}.auth-stage{z-index:1;width:min(420px,100%);flex-direction:column}.auth-morph,.auth-stage{position:relative;display:flex;align-items:center}.auth-morph{width:100%;justify-content:center;overflow:hidden;border-radius:0;background:transparent;transition:width .62s cubic-bezier(.22,1,.36,1),height .62s cubic-bezier(.22,1,.36,1),border-radius .55s cubic-bezier(.22,1,.36,1),background .28s ease}.auth-stage.is-created .auth-morph{width:88px;height:88px;border-radius:50%;background:#f4f0e8;animation:auth-circle-settle .5s cubic-bezier(.22,1,.36,1) .55s both}.auth-card{position:relative;z-index:1;width:min(420px,100%);transition:opacity .22s ease}.auth-stage.is-created .auth-card{position:absolute;opacity:0;pointer-events:none}.auth-created-mark{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none}.auth-stage.is-created .auth-created-mark{opacity:1}.auth-created-mark svg{width:52px;height:52px}.auth-created-tick{stroke-dasharray:42;stroke-dashoffset:42}.auth-stage.is-created .auth-created-tick{animation:auth-tick-draw .42s cubic-bezier(.22,1,.36,1) .55s forwards}.auth-created-copy{width:min(320px,100%);text-align:center;opacity:0;transform:translateY(12px);animation:auth-msg-in .45s ease 1.05s forwards}.auth-created-msg{margin:22px 0 0;color:#f4f0e8;font-size:16px;line-height:1.45}.auth-created-copy .auth-switch{margin-top:12px;color:rgba(244,240,232,.82)}@keyframes auth-circle-settle{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes auth-tick-draw{to{stroke-dashoffset:0}}@keyframes auth-msg-in{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.auth-card,.auth-created-copy,.auth-morph{transition:none;animation:none}.auth-created-copy,.auth-stage.is-created .auth-created-tick{animation:none;opacity:1;transform:none;stroke-dashoffset:0}}.auth-card .site-logo,.auth-card h1{color:#f4f0e8}.auth-card h1{margin:8px 0;letter-spacing:-.04em}.auth-card p{margin:0 0 22px;color:rgba(244,240,232,.82)}.auth-card label{display:block;font-size:13px;font-weight:600;color:#f4f0e8;margin-bottom:14px}.auth-card input{width:100%;margin-top:6px;box-sizing:border-box;border:0;border-radius:14px;padding:14px 16px;background:rgba(244,240,232,.94);color:#042f2e}.auth-card .btn-primary{width:100%;margin-top:8px;background:#f4f0e8;color:#042f2e}.auth-error,.auth-note{margin:0 0 14px;font-size:14px}.auth-error{color:#ffd2c8}.auth-note{color:#f4f0e8}.auth-switch{margin-top:18px;font-size:14px}.auth-switch a{color:#f4f0e8;font-weight:600}.auth-tip{display:block;margin-top:6px;font-size:12px;font-weight:500;color:rgba(244,240,232,.72)}.auth-card input[type=file]{padding:10px 12px}.listly-bar{height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--app-bar);border-bottom:0}.listly-bar,.listly-bar a,.listly-bar button{color:var(--app-bar-type)}.listly-bar-start{display:flex;align-items:center;gap:12px;min-width:0}.listly-bar-brand{display:inline-flex;align-items:center;font-weight:700;letter-spacing:-.04em}.listly-bar-title-well{overflow:hidden;min-width:0;padding-left:12px;border-left:1px solid color-mix(in srgb,var(--app-bar-type) 22%,transparent)}.listly-bar-title{margin:0;font-size:15px;font-weight:600;letter-spacing:-.03em;color:inherit;white-space:nowrap}.listly-bar-title.is-out{animation:app-title-out .28s cubic-bezier(.4,0,1,1) both}.listly-bar-title.is-in{animation:app-title-in .26s cubic-bezier(.22,1,.36,1) both}@keyframes app-title-out{to{transform:translateX(calc(-100% - 14px));opacity:0}}@keyframes app-title-in{0%{transform:translateX(calc(-100% - 14px));opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion:reduce){.listly-bar-title.is-in,.listly-bar-title.is-out{animation:none}}.listly-bar-brand .site-mark img{height:26px}.listly-bar-actions{display:flex;align-items:center;gap:10px}.listly-bar .ghost{background:transparent;border:0;cursor:pointer;padding:7px 10px;border-radius:999px;font-size:13px;font-weight:600}.listly-bar .ghost:hover{background:color-mix(in srgb,var(--app-bar-type) 10%,transparent)}.slide-well{--slide-pad:4px;--slots:2;position:relative;display:grid;grid-template-columns:repeat(var(--slots),minmax(0,1fr));align-items:stretch;grid-gap:0;gap:0;padding:var(--slide-pad);border-radius:999px}.slide-lid{position:absolute;z-index:0;top:var(--slide-pad);bottom:var(--slide-pad);left:var(--slide-pad);width:calc((100% - var(--slide-pad) * 2) / var(--slots));border-radius:inherit;pointer-events:none;transition:transform .28s cubic-bezier(.22,1,.36,1)}.slide-well[data-index="1"] .slide-lid{transform:translateX(100%)}.slide-well[data-index="2"] .slide-lid{transform:translateX(200%)}.slide-well[data-index="3"] .slide-lid{transform:translateX(300%)}.slide-well>:not(.slide-lid){position:relative;z-index:1;min-width:0}@media (prefers-reduced-motion:reduce){.slide-lid{transition:none}}.theme-mode{--slide-pad:3px;background:var(--app-well)}.theme-mode button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--app-well-type);border-radius:999px;padding:6px 12px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.theme-mode button.is-active{background:transparent;color:var(--app-lid-type)}.theme-mode .slide-lid{background:var(--app-lid)}.save-cluster{display:flex;align-items:center;gap:6px}.save-dot{font-size:12px;color:var(--app-page-muted)}.save-cluster .save-btn:disabled{opacity:.4;pointer-events:none}.dashboard{padding:32px 40px 80px}.dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}.dashboard-head h1{margin:0;color:var(--app-page-type);letter-spacing:-.04em;font-size:40px}.dashboard-head p{margin:6px 0 0;color:var(--app-page-muted)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.project-card{background:var(--app-card);border-radius:18px;padding:18px;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 30px var(--app-shadow)}.project-card h2{margin:0 0 8px;font-size:18px;color:var(--app-page-type);letter-spacing:-.03em}.project-card time{color:var(--app-page-muted);font-size:13px}.project-card-actions{display:flex;gap:8px;margin-top:16px}.empty-projects{color:var(--app-page-muted)}html.studio-active,html.studio-active body{background:var(--app-page)}html.studio-active .app-shell{height:100dvh;min-height:0;overflow:hidden}.studio-page{flex:1 1;height:0;display:flex;flex-direction:column;overflow:hidden}.projects-page,.studio-page{min-height:0;background:var(--app-page)}.projects-page{flex:1 1}.app-loading{padding:32px 40px 80px}.app-loading-line{width:160px;height:14px;margin-bottom:28px;border-radius:999px;background:var(--app-well);opacity:.28}.app-loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.app-loading-card{height:280px;border-radius:18px;background:var(--app-card);box-shadow:0 10px 30px var(--app-shadow)}.app-loading-studio{margin:16px 20px 20px;border-radius:22px;background:var(--app-well);opacity:.18}.projects-page .listly-bar,.studio-page .listly-bar{background:var(--app-bar);color:var(--app-bar-type);border-bottom:0}.projects-page .listly-bar a,.projects-page .listly-bar button,.studio-page .listly-bar a,.studio-page .listly-bar button{color:var(--app-bar-type)}.projects-page .listly-bar .theme-mode button,.studio-page .listly-bar .theme-mode button{color:var(--app-well-type)}.projects-page .listly-bar .theme-mode button.is-active,.studio-page .listly-bar .theme-mode button.is-active{background:transparent;color:var(--app-lid-type)}.projects-page .listly-bar .ghost:hover,.studio-page .listly-bar .ghost:hover{background:color-mix(in srgb,var(--app-bar-type) 12%,transparent)}.studio-page .save-dot{color:color-mix(in srgb,var(--app-bar-type) 72%,transparent)}.projects-page .dashboard-head h1,.projects-page .project-card h2{color:var(--app-page-type)}.projects-page .dashboard-head p,.projects-page .empty-projects{color:var(--app-page-muted)}.projects-page .btn-primary{background:var(--app-accent);color:var(--app-accent-type)}.studio-shell{flex:1 1;min-height:0;display:flex;flex-direction:column}.studio-shell .app{flex:1 1;min-height:0;height:auto;grid-template-rows:minmax(0,1fr)}.app-shell-body:has(.studio-page){overflow:hidden}@media (max-width:1100px){html.studio-active .app-shell{height:auto;min-height:100dvh;overflow:visible}.studio-page,.studio-shell,.studio-shell .app{height:auto;flex:1 1 auto}.studio-shell .app{grid-template-rows:none}.app-shell-body:has(.studio-page){overflow:visible}}@media (max-width:800px){.hero h1{font-size:44px}.dashboard,.hero,.site-footer,.site-nav,.steps{padding-left:20px;padding-right:20px}.steps{grid-template-columns:1fr}}