:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f6f7f9;--foreground:#16181d;--muted:#657083;--surface:#fff;--surface-soft:#eef3f8;--line:#d9e0e8;--primary:#2563eb;--primary-strong:#1d4ed8;--primary-soft:#dbeafe;--green:#0f766e;--green-soft:#ccfbf1;--rose:#be123c;--rose-soft:#ffe4e6;--amber:#b45309;--shadow:0 20px 50px #0f172a1f}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{background:var(--background);min-height:100%;color:var(--foreground);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}:focus-visible{outline-offset:2px;outline:3px solid #2563eb6b}.shell{width:min(1160px,100% - 32px);margin:0 auto}.app-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:72px;padding:0 max(16px,50vw - 580px);display:grid;position:sticky;top:0}.brand-mark{letter-spacing:0;font-size:1.25rem;font-weight:800}.header-nav{color:var(--muted);justify-content:center;gap:18px;font-size:.94rem;display:flex}.button{letter-spacing:0;white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-weight:700;display:inline-flex}.button-primary{background:var(--primary);color:#fff}.button-secondary{border-color:var(--line);background:var(--surface);color:var(--foreground)}.button-ghost{background:var(--surface-soft);color:var(--foreground);border-color:#0000}.full-width{width:100%}.eyebrow{color:var(--primary-strong);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.home-hero{grid-template-columns:minmax(0,1fr) minmax(280px,390px);align-items:center;gap:72px;min-height:calc(100svh - 72px);padding:42px 0;display:grid}.hero-copy h1{letter-spacing:0;max-width:760px;margin:12px 0 0;font-size:clamp(2.4rem,4.5vw,4.25rem);line-height:1}.hero-copy p:not(.eyebrow){max-width:640px;color:var(--muted);margin:24px 0 0;font-size:1.1rem}.cta-row,.button-row{flex-wrap:wrap;gap:10px;display:flex}.cta-row{margin-top:30px}.hero-preview{justify-content:center;display:flex}.phone-frame{width:min(100%,330px);min-width:250px;box-shadow:var(--shadow);background:#111827;border:10px solid #111827;border-radius:28px;position:relative}.phone-status{color:#d1d5db;justify-content:space-between;padding:8px 14px 6px;font-size:.74rem;display:flex}.phone-screen{background:#fff;border-radius:20px;min-height:520px;overflow:hidden}.preview-hero{background:linear-gradient(135deg,#dbeafe,#f0fdfa 70%,#fff7ed);min-height:190px;padding:24px 20px}.preview-chip{color:var(--green);background:#ffffffbf;border-radius:999px;padding:4px 9px;font-size:.76rem;font-weight:800;display:inline-flex}.preview-hero h2{letter-spacing:0;margin:22px 0 8px;font-size:2rem;line-height:1.05}.preview-hero p,.preview-section p{color:var(--muted);margin:0}.preview-section{border:1px solid var(--line);border-radius:8px;margin:16px;padding:14px}.preview-section span,.preview-row span:first-child{color:var(--muted);font-size:.78rem;font-weight:800}.preview-section strong{margin:4px 0;display:block}.preview-row{border-top:1px solid var(--line);justify-content:space-between;gap:14px;margin:0 16px;padding:12px 0;display:flex}.preview-row span:last-child{max-width:58%;color:var(--foreground);text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stale-badge{background:var(--amber);color:#fff;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:800;position:absolute;bottom:16px;right:16px}.category-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);padding:42px 0}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.category-entry{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:24px}.category-entry span,.pricing-strip span{color:var(--primary-strong);font-weight:800}.category-entry strong{margin-top:6px;font-size:1.4rem;display:block}.category-entry p{color:var(--muted);margin:10px 0 0}.pricing-strip{justify-content:space-between;align-items:center;gap:18px;padding:34px 0 64px;display:flex}.gallery-shell{grid-template-columns:260px minmax(0,1fr) 340px;gap:20px;width:min(1440px,100% - 28px);margin:24px auto 48px;display:grid}.filter-panel,.selected-preview,.template-card,.properties-panel,.block-rail,.phone-canvas{border:1px solid var(--line);background:var(--surface);border-radius:8px}.filter-panel,.selected-preview{height:max-content;padding:18px;position:sticky;top:92px}.filter-panel h1,.gallery-summary h2,.selected-preview h2{letter-spacing:0;margin:8px 0 0}.segmented-control{grid-template-columns:1fr;gap:8px;margin:20px 0;display:grid}.segmented-control button,.preview-tabs button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:6px;padding:10px 12px}.segmented-control button[aria-selected=true],.preview-tabs button[aria-selected=true]{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong);font-weight:800}.field-label{color:var(--muted);margin:18px 0 8px;font-weight:800;display:block}select,input,textarea{border:1px solid var(--line);width:100%;color:var(--foreground);background:#fff;border-radius:6px;padding:10px 12px}.gallery-main{min-width:0}.gallery-summary{border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:18px;display:flex}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.template-card{gap:12px;padding:12px;display:grid}.template-card.is-selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.template-preview-button{text-align:left;background:0 0;border:0;gap:10px;padding:0;display:grid}.template-card .phone-frame{width:180px;min-width:180px;box-shadow:none;border-width:6px;border-radius:22px}.template-card .phone-screen{min-height:280px}.template-card .preview-row:nth-of-type(n+4){display:none}.template-card .preview-hero{min-height:118px;padding:14px}.template-card .preview-hero h2{font-size:1.18rem}.tag-row{gap:8px;display:flex}.tag-row span,.included-list li{background:var(--surface-soft);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:800}.template-name{font-size:1.05rem;font-weight:800}.template-description,.selected-preview p,.status-line{color:var(--muted)}.included-list{flex-wrap:wrap;gap:6px;margin:16px 0;padding:0;list-style:none;display:flex}.editor-shell{background:#eef1f5;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:230px minmax(300px,1fr) 360px;min-height:100svh;display:grid}.builder-header{border-bottom:1px solid var(--line);background:var(--surface);grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.builder-header h1,.panel-heading h2{letter-spacing:0;margin:4px 0 0;font-size:1.25rem}.builder-actions{flex-wrap:wrap;gap:8px;display:flex}.block-rail,.properties-panel,.phone-canvas{margin:16px}.block-rail{padding:14px}.rail-button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:6px;width:100%;margin-top:8px;padding:10px;display:block}.rail-button.is-active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong);font-weight:800}.outline-title{margin-top:22px}.section-outline{margin:10px 0 0;padding:0;list-style:none}.section-outline button{border:0;border-top:1px solid var(--line);width:100%;color:var(--muted);background:0 0;justify-content:space-between;padding:10px 0;display:flex}.phone-canvas{align-content:center;place-items:center;padding:16px;display:grid}.preview-tabs{gap:8px;margin-bottom:14px;display:flex}.properties-panel{padding:16px;overflow:auto}.validation-summary{border:1px solid var(--rose);background:var(--rose-soft);border-radius:8px;margin-bottom:16px;padding:12px}.validation-summary h2{margin:0 0 8px;font-size:1rem}.validation-summary ul{margin:0;padding-left:18px}.validation-summary button{color:var(--rose);text-align:left;background:0 0;border:0;padding:2px}.field-stack{gap:12px;display:grid}.editor-field{color:var(--foreground);gap:6px;font-weight:800;display:grid}.editor-field small{color:var(--muted);font-weight:500}[aria-invalid=true]{border-color:var(--rose);box-shadow:0 0 0 3px var(--rose-soft)}.upload-box,.autosave-box{border-top:1px solid var(--line);gap:10px;margin-top:18px;padding-top:18px;display:grid}.autosave-box strong{color:var(--green)}.editor-status{border-top:1px solid var(--line);color:#fff;background:#111827;grid-column:1/-1;justify-content:space-between;padding:10px 20px;display:flex}.loading-surface{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin-top:48px;padding:32px}.p3-shell{grid-template-columns:minmax(0,1fr) 360px;gap:24px;width:min(1240px,100% - 32px);margin:24px auto 56px;display:grid}.p3-main,.p3-side,.summary-card,.share-preview,.publish-status-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px}.p3-main{min-width:0;padding:24px}.p3-side{gap:16px;height:max-content;padding:18px;display:grid;position:sticky;top:92px}.p3-heading{margin-bottom:22px}.p3-heading h1{letter-spacing:0;max-width:720px;margin:8px 0 0;font-size:2rem;line-height:1.12}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.summary-card,.share-preview,.publish-status-panel{padding:18px}.summary-card h2,.share-preview h2{letter-spacing:0;margin:0 0 12px;font-size:1.1rem}.summary-card dl,.publish-status-panel dl{gap:10px;margin:0;display:grid}.summary-card dl div,.publish-status-panel dl div{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding-top:10px;display:flex}.summary-card dt,.publish-status-panel dt{color:var(--muted);font-weight:800}.summary-card dd,.publish-status-panel dd{text-align:right;margin:0}.warning-card{border-color:var(--amber);background:#fffbeb}.checkbox-line{align-items:flex-start;gap:10px;margin-top:14px;font-weight:800;display:flex}.checkbox-line input{width:auto;margin-top:4px}.owner-email-field,.share-preview,.publish-steps,.disabled-outputs{margin-top:16px}.publish-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0;list-style:none;display:grid}.publish-steps li{border:1px solid var(--line);background:var(--surface-soft);min-height:66px;color:var(--muted);border-radius:8px;padding:12px;font-weight:800}.publish-steps li.is-active{border-color:var(--green);background:var(--green-soft);color:var(--green)}.disabled-outputs{gap:10px;display:grid}.management-shell,.public-page{width:min(980px,100% - 32px);margin:32px auto}.management-shell{grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:start;gap:18px;display:grid}.management-panel,.public-hero,.public-section,.public-unavailable{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:22px}.management-panel h1,.management-panel h2{letter-spacing:0;margin:8px 0 16px}.notice{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;gap:4px;padding:14px;display:grid}.notice-success{border-color:var(--green);background:var(--green-soft)}.stack-form,.management-actions,.mutation-form,.public-page{gap:10px;display:grid}.stack-form{margin-top:20px}.management-actions{margin-top:18px}.mutation-form{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;padding-top:12px}.mutation-form label span{color:var(--muted);margin-bottom:6px;font-size:.78rem;font-weight:800;display:block}.compact-dl{gap:10px;margin:0;display:grid}.compact-dl div{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding-top:10px;display:flex}.compact-dl dt{color:var(--muted);font-weight:800}.compact-dl dd{margin:0}.public-body{background:#f8fafc}.public-hero{background:linear-gradient(135deg,#dbeafe,#f0fdfa 72%,#fff7ed);align-content:end;min-height:320px}.public-hero p,.public-hero span,.public-section p{color:var(--muted)}.public-hero h1{letter-spacing:0;max-width:720px;margin:8px 0;font-size:clamp(2.2rem,6vw,4rem);line-height:1}.public-section h2{letter-spacing:0;margin:0 0 8px}.public-image{object-fit:cover;border-radius:8px;width:100%;max-height:520px}.button:disabled,button:disabled{cursor:not-allowed;opacity:.55}@media (prefers-reduced-motion:no-preference){.hero-preview{transition:transform .25s;transform:translateY(0)}.hero-preview:hover{transform:translateY(-6px)}}@media (max-width:1180px){.gallery-shell{grid-template-columns:240px minmax(0,1fr)}.selected-preview{grid-column:1/-1;position:static}.editor-shell{grid-template-columns:210px minmax(280px,1fr)}.properties-panel{grid-column:1/-1}}@media (max-width:760px){.app-header{grid-template-columns:1fr auto}.header-nav{display:none}.home-hero,.category-grid,.gallery-shell,.template-grid,.p3-shell,.review-grid,.publish-steps,.management-shell,.editor-shell,.mutation-form{grid-template-columns:1fr}.home-hero{gap:32px;min-height:0}.pricing-strip,.builder-header,.editor-status{flex-direction:column;align-items:flex-start}.filter-panel,.selected-preview,.p3-side{position:static}}