.build-hero{text-align:center;padding:1.75rem 0 1rem}.build-hero h1{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.35rem}.build-sub{color:var(--color-text-muted);font-size:.95rem}.build-gate{display:flex;justify-content:center;padding:2rem 0 4rem}.gate-card{text-align:center;max-width:400px;padding:2.5rem 2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 1px 3px #0000000a}.gate-icon{margin-bottom:1.25rem;line-height:1}.gate-card h2{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.gate-card p{color:var(--color-text-muted);font-size:.9rem;line-height:1.5;margin-bottom:1.25rem}.build-app{max-width:680px;margin:0 auto;padding-bottom:5rem}.build-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000000a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-header h2{font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.card-header h2 svg{color:var(--color-text-muted)}.btn-primary{background:var(--color-primary);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:background .15s,box-shadow .15s}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 2px 8px #2563eb40}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-border);padding:.6rem 1.25rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:border-color .15s,background .15s}.btn-outline:hover{border-color:var(--color-primary);background:#2563eb0a}.btn-sm{padding:.35rem .85rem;font-size:.8rem}.pages-list{display:flex;flex-direction:column;gap:.5rem}.pages-empty{color:var(--color-text-muted);font-size:.88rem;text-align:center;padding:2rem 0}.page-row{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg);transition:border-color .15s,box-shadow .15s}.page-row:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #2563eb0f}.page-info{flex:1;min-width:0;overflow:hidden}.page-title{display:block;font-size:.92rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-url{display:block;font-size:.73rem;color:var(--color-text-muted);margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono)}.page-meta{display:flex;gap:.6rem;align-items:center;flex-shrink:0}.page-views{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--color-text-muted)}.page-views svg{opacity:.5}.page-status{font-size:.68rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;letter-spacing:.02em;text-transform:uppercase}.status-live{background:#d1fae5;color:#059669}.status-draft{background:#fef3c7;color:#d97706}.page-actions{display:flex;gap:.4rem;flex-shrink:0}.page-actions .btn-sm{padding:.35rem .85rem;font-size:.78rem;border-radius:6px}.tier-info{font-size:.78rem;color:var(--color-text-muted);margin-top:.75rem}.editor-topbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.editor-topbar h2{font-size:1.05rem;font-weight:700}.btn-back{display:inline-flex;align-items:center;gap:.25rem;background:none;border:1.5px solid var(--color-border);color:var(--color-text-muted);font-size:.82rem;font-weight:600;cursor:pointer;padding:.4rem .75rem;border-radius:8px;transition:color .15s,background .15s,border-color .15s;font-family:inherit}.btn-back:hover{color:var(--color-primary);background:#2563eb0a;border-color:var(--color-primary)}.editor-form{display:flex;flex-direction:column;gap:.75rem}.editor-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #00000008;transition:box-shadow .2s}.editor-section[open]{box-shadow:0 1px 4px #0000000f}.section-summary{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.15rem;cursor:pointer;list-style:none;user-select:none;transition:background .15s}.section-summary:hover{background:var(--color-bg)}.section-summary::-webkit-details-marker{display:none}.section-summary::marker{display:none;content:""}.section-label{display:flex;align-items:center;gap:.6rem;font-size:.9rem;font-weight:700}.section-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--color-primary-light, #eff6ff);color:var(--color-primary);flex-shrink:0}.section-icon svg{width:16px;height:16px}.section-chevron{color:var(--color-text-muted);transition:transform .2s ease;flex-shrink:0}.editor-section[open] .section-chevron{transform:rotate(180deg)}.section-body{padding:0 1.15rem 1.15rem}.form-group{margin-bottom:.9rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.82rem;font-weight:600;margin-bottom:.35rem;color:var(--color-text)}.required{color:#ef4444}.form-group input[type=text],.form-group input[type=url],.form-group textarea{width:100%;padding:.6rem .8rem;border:1.5px solid var(--color-border);border-radius:8px;font-size:.88rem;background:var(--color-bg);transition:border-color .15s,box-shadow .15s;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb14}.form-group textarea{resize:vertical;min-height:80px}.field-hint{display:block;font-size:.72rem;color:var(--color-text-muted);margin-top:.3rem;line-height:1.4}.slug-preview{display:flex;align-items:center}.slug-prefix{font-size:.8rem;color:var(--color-text-muted);background:var(--color-border);padding:.6rem;border-radius:8px 0 0 8px;border:1.5px solid var(--color-border);white-space:nowrap;font-family:var(--font-mono)}.slug-preview input{border-radius:0 8px 8px 0!important;border-left:none!important}.theme-picker{display:flex;gap:.6rem;flex-wrap:wrap}.theme-opt{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem .6rem;border:2px solid var(--color-border);border-radius:10px;cursor:pointer;background:none;transition:border-color .15s,box-shadow .15s,background .15s;min-width:58px}.theme-opt span{display:block;width:28px;height:28px;border-radius:50%;transition:transform .15s}.theme-opt small{font-size:.68rem;font-weight:600;color:var(--color-text-muted);transition:color .15s}.theme-opt:hover{border-color:#b0c4de}.theme-opt:hover span{transform:scale(1.1)}.theme-opt.active{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f;background:var(--color-primary-light, #eff6ff)}.theme-opt.active small{color:var(--color-primary)}.links-list{display:flex;flex-direction:column;gap:.5rem}.link-card{display:flex;gap:.6rem;align-items:center;padding:.65rem .75rem;border:1.5px solid var(--color-border);border-radius:10px;background:var(--color-bg);transition:border-color .15s}.link-card:hover{border-color:var(--color-primary)}.link-card-num{width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.link-card-fields{flex:1;display:flex;flex-direction:column;gap:.35rem}.link-card-fields input{width:100%;padding:.4rem .6rem;border:1.5px solid var(--color-border);border-radius:6px;font-size:.84rem;background:var(--color-surface);font-family:inherit;transition:border-color .15s,box-shadow .15s}.link-card-fields input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb14}.link-remove{width:30px;height:30px;border:1px solid transparent;background:none;color:#94a3b8;border-radius:8px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.link-remove:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.btn-add-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;padding:.5rem 1rem;border:2px dashed var(--color-border);border-radius:10px;background:none;color:var(--color-primary);font-size:.84rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-add-link:hover{border-color:var(--color-primary);background:#2563eb0a}.extras-badge{font-size:.6rem;font-weight:600;text-transform:uppercase;padding:.15rem .45rem;border-radius:999px;background:#dbeafe;color:#2563eb;letter-spacing:.03em;margin-left:.3rem;vertical-align:middle}.extras-hint{font-size:.82rem;color:var(--color-text-muted);margin-bottom:.75rem;line-height:1.4}.extras-field{padding:.85rem 0;border-bottom:1px solid var(--color-border)}.extras-field:first-of-type{padding-top:0}.extras-field:last-of-type{border-bottom:none;padding-bottom:0}.extras-toggle-label{display:flex;align-items:center;gap:.6rem;font-size:.85rem;font-weight:600;cursor:pointer;margin-bottom:.5rem}.toggle-track{position:relative;display:inline-block;width:38px;height:22px;flex-shrink:0}.toggle-track input{opacity:0;width:0;height:0;position:absolute}.toggle-thumb{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;border-radius:22px;transition:background-color .2s ease}.toggle-thumb:before{content:"";position:absolute;height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.toggle-track input:checked+.toggle-thumb{background-color:var(--color-primary)}.toggle-track input:checked+.toggle-thumb:before{transform:translate(16px)}.toggle-track input:focus-visible+.toggle-thumb{box-shadow:0 0 0 3px #2563eb33}.extras-field input[type=tel],.extras-field input[type=url],.extras-field input[type=number]{width:100%;padding:.5rem .7rem;border:1.5px solid var(--color-border);border-radius:8px;font-size:.85rem;background:var(--color-bg);font-family:inherit;transition:border-color .15s,box-shadow .15s}.extras-field input[type=tel]:focus,.extras-field input[type=url]:focus,.extras-field input[type=number]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb14}.extras-items-list{display:flex;flex-direction:column;gap:.4rem}.extras-item-row{display:flex;gap:.4rem;align-items:center;padding:.5rem .6rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg)}.extras-item-row input{flex:1;min-width:0;padding:.35rem .5rem;border:1px solid var(--color-border);border-radius:6px;font-size:.82rem;background:var(--color-surface);font-family:inherit;transition:border-color .15s}.extras-item-row input:focus{outline:none;border-color:var(--color-primary)}.extras-item-row input.ex-emoji{flex:0 0 48px;text-align:center}.extras-item-row input.ex-price{flex:0 0 90px}.extras-item-remove{width:26px;height:26px;border:none;background:none;color:#94a3b8;border-radius:6px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.extras-item-remove:hover{background:#fef2f2;color:#dc2626}.editor-actions-bar{position:sticky;bottom:.75rem;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:12px;margin-top:1rem;box-shadow:0 -4px 20px #00000014,0 0 0 1px #00000005;backdrop-filter:blur(8px)}.btn-delete-text{display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;color:#94a3b8;font-size:.82rem;font-weight:500;cursor:pointer;padding:.45rem .65rem;border-radius:6px;transition:color .15s,background .15s;font-family:inherit}.btn-delete-text:hover{color:#dc2626;background:#fef2f2}.actions-end{display:flex;gap:.5rem}.hidden{display:none!important}@media (max-width: 640px){.build-app{padding-left:.75rem;padding-right:.75rem}.editor-actions-bar{position:fixed;bottom:0;left:0;right:0;border-radius:12px 12px 0 0;margin:0;padding:.6rem 1rem;border-bottom:none}.editor-form{padding-bottom:4rem}.page-row{flex-wrap:wrap}.page-actions{width:100%;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--color-border);margin-top:.25rem}.theme-picker{gap:.5rem}.theme-opt{min-width:52px;padding:.4rem .5rem}}