:root{--bg:#f7f7fb;--card-bg:#fff;--text:#1a1a2e;--muted:#6b7280;--border:#e5e7eb;--primary:#4f46e5;--primary-hover:#4338ca;--error:#dc2626;--success:#16a34a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button{cursor:pointer;border:1px solid var(--border);background:var(--card-bg);border-radius:8px;padding:8px 14px;font-size:14px}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{border:1px solid var(--border);border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:14px}a{color:var(--primary)}.error{color:var(--error);font-size:14px}.success{color:var(--success);font-size:14px}.hint{color:var(--muted);font-size:13px}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.auth-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;width:100%;max-width:360px;padding:32px}.auth-card h1{margin-top:0;font-size:22px}.auth-card form{flex-direction:column;gap:10px;margin-top:4px;display:flex}.google-btn{background:var(--text);color:#fff;border:none;width:100%;padding:10px;font-weight:600}.divider{text-align:center;color:var(--muted);margin:18px 0;font-size:13px}.dashboard{max-width:720px;margin:0 auto;padding:24px 16px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.new-card-form{gap:8px;margin-bottom:8px;display:flex}.card-list{flex-direction:column;gap:10px;margin-top:16px;padding:0;list-style:none;display:flex}.card-list-item{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.card-link{color:var(--muted);font-size:13px}.card-list-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.card-list-actions a{font-size:14px}.editor-page{gap:24px;max-width:1100px;margin:0 auto;padding:24px 16px;display:flex}.editor-panel{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.editor-panel label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.back-link{color:var(--primary);background:0 0;border:none;align-self:flex-start;padding:0}.stats-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:12px 16px}.stats-row{flex-wrap:wrap;gap:16px;font-size:14px;font-weight:600;display:flex}.stats-top{color:var(--muted);margin:8px 0 0;padding-left:18px;font-size:13px}.slug-input{border:1px solid var(--border);border-radius:8px;align-items:center;display:flex;overflow:hidden}.slug-input span{color:var(--muted);white-space:nowrap;padding:8px 0 8px 10px;font-size:14px}.slug-input input{border:none;border-radius:0}.slug-input-locked{background:var(--bg)}.slug-value{color:var(--text);padding:8px 10px 8px 0;font-size:14px;font-weight:600}.public-url-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.slug-input button{flex-shrink:0;margin:4px;padding:4px 10px}.checkbox-label{align-items:center;gap:8px;color:var(--text)!important;flex-direction:row!important;font-weight:600!important}.checkbox-label input{width:auto}.private-badge{color:var(--primary);font-weight:600}.save-btn{background:var(--primary);color:#fff;border:none;padding:10px;font-weight:600}.save-btn:hover:not(:disabled){background:var(--primary-hover)}.design-section{flex-direction:column;gap:8px;display:flex}.design-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.color-label{align-items:center;gap:8px;display:flex;flex-direction:row!important}.color-label input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:44px;height:32px;padding:2px}.mode-toggle{gap:4px;display:flex}.mode-toggle button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.preview-panel{flex:1;align-self:flex-start;min-width:0;position:sticky;top:24px}.preview-frame{background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:16px;min-height:300px;padding:24px}.block-editor{flex-direction:column;gap:10px;display:flex}.block-editor-item{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.block-editor-item.dragging{opacity:.4}.block-editor-item-header{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.block-editor-item-label{flex:1}.block-editor-item-header button{padding:2px 8px}.drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;padding:2px 4px;font-size:16px;line-height:1}.drag-handle:active{cursor:grabbing}.add-block-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.block{margin:0 0 14px;display:block}.block-heading{margin:0 0 12px;font-size:24px}.block-text{color:var(--text);white-space:pre-wrap;line-height:1.5}.block-link{text-align:center;background:var(--primary);color:#fff;border-radius:10px;padding:12px;font-weight:600;text-decoration:none;display:block}.block-image{border-radius:12px;width:100%}.block-contact-form,.block-contact-info{flex-direction:column;gap:8px;display:flex}.contact-row{color:var(--text);font-size:14px;text-decoration:none;display:block}.contact-row:hover{color:var(--primary)}.save-contact-btn{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:10px;font-weight:600}.block-socials{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.social-icon{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;display:flex}.social-icon-svg svg{fill:#fff;width:20px;height:20px;display:block}.social-icon-fallback{color:#fff;font-size:18px}.block-divider{border:none;border-top:1px solid var(--border);margin:20px 0}.socials-editor{flex-direction:column;gap:8px;display:flex}.socials-editor-row{align-items:center;gap:6px;display:flex}.socials-editor-row select{border:1px solid var(--border);border-radius:8px;padding:8px;font-size:14px}.socials-editor-row button{padding:2px 8px}.public-status{text-align:center;color:var(--muted);margin-top:60px}.public-card{background:var(--bg);min-height:100vh;color:var(--text);justify-content:center;padding:40px 16px;display:flex}.public-card-inner{width:100%;max-width:480px}.public-card-inner h1{text-align:center;margin-bottom:20px}.public-card[data-theme=dark],.preview-frame[data-theme=dark]{--bg:#0f1115;--card-bg:#1c1f26;--text:#f4f4f5;--muted:#9ca3af;--border:#2e323c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=720px){.editor-page{flex-direction:column}.preview-panel{position:static}}