@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--rf-bg:#f4f6fa;--rf-surface:#fff;--rf-text:#0f172a;--rf-text-secondary:#334155;--rf-muted:#64748b;--rf-border:#e2e8f0;--rf-primary:#2563eb;--rf-primary-hover:#1d4ed8;--rf-radius:10px;--rf-radius-lg:16px;--rf-shadow-sm:0 1px 2px #0f172a0d, 0 8px 24px #0f172a0a;--rf-shadow-md:0 12px 32px #0f172a14}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh}body{background:var(--rf-bg);color:var(--rf-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit}img{max-width:100%}.auth-page{background:radial-gradient(circle at top left, #2563eb1f, transparent 40%), radial-gradient(circle at bottom right, #ec489914, transparent 35%), var(--rf-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{text-align:center;border:1px solid var(--rf-border);border-radius:var(--rf-radius-lg);background:var(--rf-surface);width:min(440px,100%);box-shadow:var(--rf-shadow-md);padding:40px 36px}.logo-wrap{justify-content:center;margin-bottom:22px;display:flex}.logo-circle{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;font-size:28px;font-weight:900;display:flex;box-shadow:0 12px 28px #2563eb47}.auth-card h1{color:var(--rf-text);letter-spacing:-.03em;margin:0;font-size:34px;font-weight:900}.subtitle{color:var(--rf-muted);margin-top:10px;margin-bottom:34px;font-size:15px;line-height:1.6}.google-btn{border:1px solid var(--rf-border);width:100%;height:54px;color:var(--rf-text-secondary);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:700;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.google-btn img{width:22px}.google-btn:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 8px 20px #0f172a14}.auth-divider{text-align:center;margin:26px 0;position:relative}.auth-divider:before{content:"";background:var(--rf-border);width:100%;height:1px;position:absolute;top:50%;left:0}.auth-divider span{z-index:1;background:var(--rf-surface);color:var(--rf-muted);letter-spacing:.08em;padding:0 14px;font-size:13px;font-weight:700;position:relative}.auth-form{text-align:left}.form-group{margin-bottom:18px}.form-group label{color:var(--rf-text);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{border:1px solid var(--rf-border);width:100%;height:54px;color:var(--rf-text);background:#fff;border-radius:12px;padding:0 16px;font-size:15px;transition:all .2s}.form-group input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1f}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;width:100%;height:54px;margin-top:8px;font-size:15px;font-weight:700;transition:all .2s}.login-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #2563eb40}.auth-link{color:#2563eb;margin-top:18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.auth-link:hover{text-decoration:underline}.auth-footer{color:var(--rf-muted);margin-top:28px;font-size:14px}.auth-footer a{color:#2563eb;font-weight:700;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-form input{border:1px solid var(--rf-border);border-radius:12px;outline:none;height:52px;padding:0 16px;font-size:14px}.auth-form input:focus{border-color:#3b82f6}.auth-submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;height:54px;font-weight:700}.auth-submit-btn:hover{background:#1d4ed8}.auth-divider{margin:24px 0;position:relative}.auth-divider:before{content:"";border-top:1px solid var(--rf-border);position:absolute;top:50%;left:0;right:0}.auth-divider span{color:var(--rf-muted);background:#fff;padding:0 12px;position:relative}.auth-footer{margin-top:20px;font-size:14px}.auth-footer a{color:#2563eb;margin-left:6px;font-weight:600}.auth-error{color:#dc2626;margin-bottom:16px;font-size:14px}.app-layout{background:var(--rf-bg);min-height:100vh;color:var(--rf-text);display:flex}.sidebar{border-right:1px solid var(--rf-border);background:linear-gradient(#fff 0%,#f8fafc 100%);width:268px;height:100vh;padding:24px 16px;position:sticky;top:0;box-shadow:4px 0 24px #0f172a08}.logo{color:var(--rf-text);letter-spacing:-.02em;align-items:center;gap:12px;margin-bottom:28px;padding:0 10px;font-size:20px;font-weight:900;display:flex}.logo span{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;box-shadow:0 8px 18px #2563eb47}.sidebar nav{gap:6px;display:grid}.sidebar a{min-height:46px;color:var(--rf-text-secondary);border-radius:10px;align-items:center;gap:12px;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:flex}.sidebar a svg{width:18px;height:18px}.sidebar a:hover{color:var(--rf-text);background:#f1f5f9}.sidebar a.active{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:inset 0 0 0 1px #2563eb1f}.app-main{flex:1;min-width:0}.topbar{z-index:10;border-bottom:1px solid var(--rf-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;justify-content:space-between;align-items:center;min-height:68px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-title{color:var(--rf-text-secondary);letter-spacing:-.01em;font-size:14px;font-weight:800}.topbar-right{color:var(--rf-text-secondary);align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.avatar{object-fit:cover;border:2px solid #fff;border-radius:999px;width:36px;height:36px;box-shadow:0 4px 12px #0f172a1f}.icon-button{border:1px solid var(--rf-border);width:38px;height:38px;color:var(--rf-text-secondary);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.icon-button:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.page-content{padding:28px}.app-layout.no-sidebar .app-main{width:100%}.app-layout.builder-mode{background:#0b0f14}.app-layout.builder-mode .page-content-builder{min-height:100vh;padding:0}@media (width<=820px){.app-layout:not(.builder-mode){display:block}.app-layout:not(.builder-mode) .sidebar{border-right:0;border-bottom:1px solid var(--rf-border);width:100%;height:auto;box-shadow:none;position:static}.app-layout:not(.builder-mode) .sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{padding:0 18px}.topbar-title{display:none}.page-content:not(.page-content-builder){padding:18px}}.dashboard-page{width:100%}.eyebrow{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800;display:inline-block}.dashboard-hero{border:1px solid var(--rf-border);border-radius:var(--rf-radius-lg);box-shadow:var(--rf-shadow-sm);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);justify-content:space-between;align-items:center;gap:24px;padding:28px 30px;display:flex}.dashboard-hero.premium{background:radial-gradient(circle at 100% 0,#2563eb14,#0000 42%),linear-gradient(135deg,#fff 0%,#f8fafc 100%)}.dashboard-hero h1{color:var(--rf-text);letter-spacing:-.02em;margin:8px 0 10px;font-size:clamp(24px,3vw,32px);font-weight:900;line-height:1.15}.dashboard-hero p{max-width:680px;color:var(--rf-muted);margin:0;font-size:15px;line-height:1.65}.create-btn{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 20px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 8px 20px #2563eb40}.create-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #2563eb4d}.create-btn.small{min-height:38px;margin-top:12px;padding:0 16px;font-size:14px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.stat-card,.widgets-table{border:1px solid var(--rf-border);border-radius:var(--rf-radius-lg);background:var(--rf-surface);box-shadow:var(--rf-shadow-sm)}.stat-card{padding:22px;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(#3b82f6,#1d4ed8);border-radius:4px 0 0 4px;width:4px;position:absolute;inset:0 auto 0 0}.stat-card span,.stat-card strong{display:block}.stat-card span{color:var(--rf-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:13px;font-weight:800}.stat-card strong{color:var(--rf-text);letter-spacing:-.03em;font-size:34px;font-weight:900}.widgets-table{margin-top:20px;padding:22px}.widgets-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.widgets-header h2{color:var(--rf-text);margin:0;font-size:20px;font-weight:800}.widgets-header a{color:var(--rf-primary);font-weight:800;text-decoration:none}.empty-state{border-radius:var(--rf-radius);color:var(--rf-muted);text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;padding:36px 24px}.empty-state.error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.empty-state strong{color:var(--rf-text-secondary);margin-bottom:6px;display:block}.empty-state p{margin:0}.table-wrapper{border:1px solid var(--rf-border);border-radius:12px;overflow-x:auto}.dashboard-table{border-collapse:collapse;width:100%}.dashboard-table thead th{text-align:left;color:var(--rf-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--rf-border);background:#f8fafc;padding:14px 16px;font-size:12px;font-weight:800}.dashboard-table tbody td{color:var(--rf-text-secondary);border-bottom:1px solid #f1f5f9;padding:16px}.dashboard-table tbody tr:hover{background:#f8fafc}.dashboard-table tbody tr:last-child td{border-bottom:0}.widget-info{flex-direction:column;gap:4px;display:flex}.widget-info strong{color:var(--rf-text);font-size:15px;font-weight:800}.widget-info span{color:#94a3b8;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.status-badge{text-transform:capitalize;letter-spacing:.02em;border-radius:999px;align-items:center;min-height:24px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.status-badge.published{color:#166534;background:#dcfce7}.status-badge.draft{color:#92400e;background:#fef3c7}.status-badge.archived{color:#991b1b;background:#fee2e2}@media (width<=720px){.dashboard-hero,.widgets-header{flex-direction:column;align-items:stretch}.stats-grid{grid-template-columns:1fr}}.admin-layout{background:#f8fafc;min-height:100vh;display:flex}.admin-sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;gap:16px;width:280px;padding:20px 16px;display:flex}.admin-sidebar.is-collapsed{width:92px}.admin-logo-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-logo{align-items:center;gap:10px;display:flex}.admin-logo span{color:#fff;background:#2563eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.admin-logo strong{font-size:15px}.admin-sidebar nav{gap:6px;display:grid}.admin-sidebar a,.admin-logout-link{color:#334155;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 10px;font-weight:700;text-decoration:none;display:flex}.admin-sidebar a.active,.admin-sidebar a:hover,.admin-logout-link:hover{color:#1d4ed8;background:#eff6ff}.admin-sidebar.is-collapsed a span,.admin-sidebar.is-collapsed .admin-logout-link span,.admin-sidebar.is-collapsed .admin-logo strong{display:none}.admin-logout-link{cursor:pointer;margin-top:auto}.admin-main{flex:1;min-width:0}.admin-header{z-index:20;background:#fffffff2;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;min-height:72px;padding:0 24px;display:flex;position:sticky;top:0}.admin-header h1{margin:0;font-size:20px}.admin-header-right{align-items:center;gap:12px;display:flex}.admin-header-right small{text-transform:capitalize;color:#64748b;display:block}.admin-avatar{color:#0f172a;background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:inline-flex}.admin-content{padding:24px}.admin-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.admin-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.admin-card span,.admin-card strong,.admin-card small{display:block}.admin-card span{color:#64748b;margin-bottom:8px;font-size:12px;font-weight:800}.admin-card strong{color:#0f172a;font-size:28px}.admin-card small{color:#64748b;margin-top:6px}.admin-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #f1f5f9;padding:12px}.admin-table th{text-transform:uppercase;color:#64748b;letter-spacing:.03em;font-size:12px}.admin-empty{text-align:center;color:#64748b;padding:22px}.admin-table-loading-row td{padding-top:14px;padding-bottom:14px}.admin-table-skeleton{background:linear-gradient(90deg,#e2e8f0 0%,#f1f5f9 45%,#e2e8f0 100%) 0 0/200% 100%;border-radius:999px;width:100%;max-width:180px;height:14px;animation:1.2s ease-in-out infinite admin-table-shimmer;display:block}.admin-table-loading-row td:last-child .admin-table-skeleton{max-width:72px}@keyframes admin-table-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.admin-input,.admin-select,.admin-textarea{background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:40px;padding:0 12px}.admin-textarea{min-height:100px;padding-top:10px}.admin-primary-btn,.admin-outline-btn,.admin-danger-btn,.admin-text-btn,.admin-icon-btn{cursor:pointer;border-radius:8px;min-height:40px;padding:0 14px;font-weight:700}.admin-primary-btn{color:#fff;background:#2563eb;border:1px solid #1d4ed8}.admin-outline-btn{color:#334155;background:#fff;border:1px solid #cbd5e1}.admin-danger-btn{color:#fff;background:#ef4444;border:1px solid #dc2626}.admin-text-btn{color:#334155;background:0 0;border:0}.admin-icon-btn{background:#fff;border:1px solid #cbd5e1;width:40px;padding:0}.admin-icon-action{color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.admin-icon-action:hover:not(:disabled){transform:translateY(-1px)}.admin-icon-action:disabled{opacity:.45;cursor:not-allowed}.admin-icon-action-neutral{color:#334155;background:#fff;border-color:#e2e8f0}.admin-icon-action-neutral:hover:not(:disabled){color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.admin-icon-action-danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.admin-icon-action-danger:hover:not(:disabled){color:#b91c1c;background:#fee2e2;border-color:#f87171}.admin-actions{align-items:center;gap:6px;display:flex}.admin-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex;position:relative}.admin-toggle.is-disabled{opacity:.55;cursor:not-allowed}.admin-toggle input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.admin-toggle-track{background:#cbd5e1;border-radius:999px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.admin-toggle-track:after{content:"";background:#fff;border-radius:999px;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a2e}.admin-toggle input:checked+.admin-toggle-track{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}.admin-toggle input:checked+.admin-toggle-track:after{transform:translate(20px)}.admin-toggle input:focus-visible+.admin-toggle-track{outline-offset:2px;outline:2px solid #93c5fd}.admin-toggle-label{color:#64748b;font-size:13px;font-weight:600}.admin-toolbar-btn{align-items:center;gap:8px;display:inline-flex}.admin-section{gap:14px;display:grid}.admin-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-panel{gap:10px;display:grid}.admin-panel h2{margin:0;font-size:18px}.admin-pagination{align-items:center;gap:10px;margin-top:12px;display:flex}.admin-modal-backdrop{z-index:100;background:#0f172a59;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:min(620px,100%);max-height:min(90vh,920px);display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a2e}.admin-modal.is-large{width:min(760px,100%)}.admin-modal.is-premium{border:0;box-shadow:0 28px 70px #0f172a38,0 0 0 1px #94a3b81f}.admin-modal.is-premium .admin-modal-header{color:#f8fafc;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 55%,#2563eb 100%);border-bottom:0;padding:22px 24px}.admin-modal.is-premium .admin-modal-header h3{color:#fff;font-size:22px}.admin-modal.is-premium .admin-modal-subtitle{color:#f8fafcc7}.admin-modal.is-premium .admin-icon-action-neutral{color:#fff;background:#ffffff14;border-color:#ffffff2e}.admin-modal.is-premium .admin-icon-action-neutral:hover:not(:disabled){color:#fff;background:#ffffff29;border-color:#ffffff59}.admin-modal.is-premium .admin-modal-body{background:linear-gradient(#f8fafc 0%,#fff 120px);gap:18px;padding:24px}.admin-modal.is-premium .admin-modal-footer{background:#fff;border-top:1px solid #e2e8f0;padding:16px 24px 22px}.admin-modal-header,.admin-modal-footer{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.admin-modal-heading h3{margin:0;font-size:18px}.admin-modal-subtitle{color:#64748b;margin:4px 0 0;font-size:13px;line-height:1.5}.admin-modal-footer{border-top:1px solid #e2e8f0;border-bottom:0}.admin-modal-body{gap:10px;padding:14px;display:grid;overflow:auto}.admin-stepper{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:4px;display:grid}.admin-stepper button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:34px;font-weight:700}.admin-stepper button.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.admin-stepper-premium{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:6px;display:grid}.admin-stepper-premium button{color:#64748b;text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;min-height:58px;padding:12px 14px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.admin-stepper-premium button:hover{border-color:#bfdbfe;transform:translateY(-1px)}.admin-stepper-premium button.active{color:#1e3a8a;background:linear-gradient(#eff6ff 0%,#fff 100%);border-color:#93c5fd;box-shadow:0 10px 24px #2563eb1f}.admin-stepper-premium strong{color:inherit;font-size:14px;display:block}.admin-stepper-premium small{color:#94a3b8;margin-top:2px;font-size:12px;display:block}.admin-stepper-premium button.active small{color:#64748b}.admin-step-index{color:#475569;background:#e2e8f0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:inline-flex}.admin-stepper-premium button.active .admin-step-index{color:#fff;background:#2563eb}.admin-form-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:14px;padding:18px;display:grid;box-shadow:0 1px 2px #0f172a0a}.admin-form-section h4{color:#0f172a;margin:0;font-size:15px}.admin-form-section p{color:#64748b;margin:-6px 0 0;font-size:13px;line-height:1.5}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.admin-form-grid .admin-field-span-2{grid-column:1/-1}.admin-field label{color:#475569;letter-spacing:.02em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.admin-field-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.admin-field-status strong{color:#0f172a;font-size:14px;display:block}.admin-field-status small{color:#64748b;margin-top:2px;font-size:12px;display:block}.admin-login-page{background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);place-items:center;min-height:100vh;display:grid}.admin-login-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:12px;width:min(460px,92vw);padding:24px;display:grid}.admin-login-card h1,.admin-login-card p{margin:0}.admin-inline{align-items:center;gap:8px;display:flex}.admin-error{color:#b91c1c;font-size:14px}.admin-confirm-message{color:#334155;margin:0;line-height:1.6}.admin-toast-stack{z-index:300;gap:10px;display:grid;position:fixed;bottom:20px;right:20px}.admin-toast{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-width:280px;max-width:420px;padding:10px 12px;display:flex;box-shadow:0 10px 24px #0f172a29}.admin-toast.is-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.admin-template-config{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.admin-template-config h4{margin:0 0 10px}.admin-template-config label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.admin-template-preview{border:1px solid #e2e8f0;border-radius:10px;padding:12px}.admin-template-preview-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.admin-template-preview-cards{gap:10px;display:grid}.admin-template-preview-card{background:#ffffffb8;border:1px solid #dbe2ea;padding:10px}.admin-template-preview-card div{align-items:center;gap:6px;margin-bottom:6px;display:flex}.admin-template-avatar{background:#dbe2ea;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:inline-flex}@media (width<=900px){.admin-form-grid,.admin-stepper-premium{grid-template-columns:1fr}.admin-layout{display:block}.admin-sidebar,.admin-sidebar.is-collapsed{width:100%}.admin-sidebar.is-collapsed a span,.admin-sidebar.is-collapsed .admin-logout-link span,.admin-sidebar.is-collapsed .admin-logo strong{display:inline}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-panels{grid-template-columns:1fr}}.review-widget-preview.modern.slider .preview-reviews.modern{grid-template-columns:1fr;display:grid}.review-widget-preview.modern.slider .preview-card.modern{width:100%}.review-widget-preview.modern.featured-review .preview-reviews.modern{grid-template-columns:1fr;display:grid}.preview-card-featured{padding:calc(var(--review-card-padding) + 8px);box-shadow:0 12px 28px #0f172a1f}.preview-card-featured p{font-size:1.05em}.preview-pagination-dots span.active{background:#64748b}.preview-pagination-dots span:not(.active),.preview-pagination-dots span:first-child:not(.active){background:#94a3b880}.preview-action-btn-solid{background:var(--accent-color);color:#fff}.preview-rating-badge{align-items:center;gap:12px;display:flex}.preview-rating-badge-google,.preview-sticker-google{color:#4285f4;background:#fff;border:1px solid #e2e8f0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:900;display:inline-flex}.preview-rating-badge-body{min-width:0}.preview-rating-badge-name{margin-bottom:4px;font-size:14px;display:block}.preview-rating-badge-rating,.preview-sticker-rating{margin-bottom:0}.preview-badge-shell{flex-direction:column;gap:12px;display:flex}.review-widget-preview.modern.card-badge,.review-widget-preview.modern.compact-badge{max-width:360px;padding:16px}.preview-card-badge{border:1px solid var(--review-card-border);border-radius:var(--review-card-radius);background:var(--review-card-bg);padding:16px}.preview-compact-badge .preview-rating-badge{gap:8px}.preview-compact-badge .preview-rating-badge-google{width:28px;height:28px;font-size:12px}.preview-compact-badge .preview-rating-badge-name{display:none}.preview-sticker{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:inline-flex}.preview-sticker-ring{background:conic-gradient(#ea4335 0deg 90deg,#fbbc04 90deg 180deg,#34a853 180deg 270deg,#4285f4 270deg 360deg);border-radius:999px;padding:3px;display:inline-flex}.preview-sticker-light{background:#fff;border-radius:999px;width:156px;height:156px;padding:18px 14px 16px;box-shadow:0 10px 24px #0f172a14}.preview-sticker-bold{background:var(--accent-color);color:#fff;border-radius:999px;width:156px;height:156px;padding:18px 14px 16px;box-shadow:0 12px 28px #2563eb52}.preview-sticker-score{letter-spacing:-.03em;color:#111827;font-size:34px;font-weight:800;line-height:1}.preview-sticker-bold .preview-sticker-score{color:#fff}.preview-sticker-stars{color:#f59e0b;letter-spacing:1px;font-size:11px;line-height:1;display:block}.preview-sticker-bold .preview-sticker-stars{color:#fde68a}.preview-sticker-wordmark{margin-top:2px}.preview-google-wordmark{letter-spacing:-.02em;align-items:center;font-size:15px;font-weight:700;line-height:1;display:inline-flex}.preview-google-wordmark .g-blue{color:#4285f4}.preview-google-wordmark .g-red{color:#ea4335}.preview-google-wordmark .g-yellow{color:#fbbc04}.preview-google-wordmark .g-green{color:#34a853}.preview-google-wordmark.white{color:#fff;font-weight:800}.preview-sticker-oval{background:var(--review-card-bg);border:1px solid var(--review-card-border);border-radius:999px;flex-direction:row;min-width:220px;padding:10px 18px}.preview-sticker-oval-content{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.preview-sticker-oval-content strong{font-size:13px}.preview-sticker-tag{background:var(--review-card-bg);border:1px solid var(--review-card-border);border-radius:0 10px 10px 0;flex-direction:row;align-items:center;margin-left:10px;padding:10px 14px 10px 18px;position:relative}.preview-sticker-tag-notch{background:var(--review-card-bg);border-left:1px solid var(--review-card-border);border-bottom:1px solid var(--review-card-border);width:14px;height:14px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)rotate(45deg)}.preview-sticker-tag-content{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.preview-sticker-tag-name{color:var(--review-muted);font-size:11px}.preview-cta-only{align-items:center;gap:10px;display:inline-flex}.preview-cta-card{border:1px solid var(--review-card-border);border-radius:var(--review-card-radius);background:var(--review-card-bg);flex-direction:column;gap:12px;max-width:360px;padding:18px;display:flex}.preview-cta-card-header{align-items:center;gap:10px;display:flex}.preview-cta-card-copy{color:var(--review-muted);margin:0;line-height:1.55}.preview-achievement{border:1px solid var(--review-card-border);border-radius:var(--review-card-radius);background:linear-gradient(135deg, var(--review-card-bg) 0%, #f59e0b14 100%);align-items:flex-start;gap:16px;max-width:420px;padding:18px;display:flex}.preview-achievement-medal{color:#fff;background:#f59e0b;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:inline-flex;box-shadow:0 8px 18px #f59e0b59}.preview-achievement-eyebrow{color:#b45309;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.preview-achievement-name{margin-bottom:6px;font-size:16px;display:block}.preview-achievement-copy{color:var(--review-muted);margin:0 0 4px;font-size:13px;line-height:1.5}.review-widget-preview.modern.minimal-chrome{width:auto;max-width:100%;display:inline-block}.widget-preview-root.compact .review-widget-preview.modern.minimal-chrome{padding:12px}@media (width<=720px){.preview-sticker-oval,.preview-sticker-tag{max-width:100%}.preview-achievement{text-align:center;flex-direction:column;align-items:center}.preview-achievement-body{flex-direction:column;align-items:center;display:flex}}.preview-reviews.modern.carousel{scroll-behavior:smooth;scrollbar-width:none;gap:16px;display:flex;overflow-x:auto}.preview-reviews.modern.carousel::-webkit-scrollbar{display:none}.create-widget-page{width:100%}.page-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.page-heading h1{color:#111827;margin:6px 0 8px;font-size:30px;line-height:1.2}.page-heading p,.step-title p{color:#64748b;max-width:720px;margin:0;line-height:1.6}.eyebrow{color:#2563eb;text-transform:uppercase;font-size:13px;font-weight:700}.builder-summary{background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:260px;padding:16px}.builder-summary span,.builder-summary strong,.builder-summary small{display:block}.builder-summary span,.builder-summary small{color:#64748b;font-size:13px}.builder-summary strong{color:#0f172a;margin:6px 0}.wizard-header{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.wizard-header div{color:#64748b;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;min-height:46px;padding:10px 12px;font-weight:700;display:flex}.wizard-header span{color:#64748b;background:#eef2f7;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:inline-flex}.wizard-header div.active{color:#1d4ed8;background:#eef4ff;border-color:#c7d2fe}.wizard-header div.active span{color:#fff;background:#2563eb}.wizard-content{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:28px}.step-title{margin-bottom:22px}.step-title h2{color:#111827;margin:0 0 8px;font-size:22px}.helper-row{color:#64748b;min-height:20px;margin-top:10px;font-size:13px}.search-row{display:block}.search-input{color:#111827;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:46px;padding:0 14px}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.business-grid,.template-grid{gap:14px;margin-top:16px;display:grid}.business-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.template-grid.large{grid-template-columns:repeat(2,minmax(0,1fr))}.business-card,.template-card{color:#111827;text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px;transition:border-color .2s,box-shadow .2s,transform .2s}.business-card:hover,.template-card:hover,.business-card.selected,.template-card.selected{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 10px 24px #0f172a14}.business-card h3{margin:0 0 8px;font-size:16px;font-weight:800}.business-card p{color:#64748b;margin:0 0 14px;line-height:1.5}.business-card strong{color:#0f766e;font-size:13px}.template-card{color:#f8fafc;background:#0f172a;padding:0;position:relative;overflow:hidden}.template-preview-frame{background:linear-gradient(135deg,#1e293b,#0f172a);border-bottom:1px solid #94a3b840;min-height:180px}.template-preview-frame img{object-fit:cover;width:100%;height:180px;display:block}.template-preview-fallback{min-height:180px;padding:16px}.template-preview-frame.is-carousel{background:linear-gradient(135deg,#1d4ed8,#0f172a)}.template-preview-frame.is-grid{background:linear-gradient(135deg,#0f172a,#334155)}.template-preview-frame.is-spotlight{background:linear-gradient(135deg,#7c3aed,#0f172a)}.template-preview-frame.is-badge{background:linear-gradient(135deg,#0f766e,#0f172a)}.mini-widget{border:1px solid #cbd5e159;border-radius:8px;height:148px;padding:10px}.mini-head{background:#fff9;border-radius:999px;width:55%;height:12px;margin-bottom:10px}.mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mini-grid span{background:#ffffff24;border-radius:8px;min-height:72px}.template-preview-fallback.is-carousel .mini-grid{display:flex;overflow:hidden}.template-preview-fallback.is-carousel .mini-grid span{min-width:90px}.template-preview-fallback.is-spotlight .mini-grid span:first-child{grid-column:1/-1}.template-preview-fallback.is-badge .mini-widget{max-width:220px}.template-preview-fallback.is-badge .mini-grid{grid-template-columns:1fr}.template-selected-badge{color:#fff;background:#2563eb;border-radius:999px;align-items:center;height:26px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:12px;right:12px}.template-card.selected{border-width:2px;box-shadow:0 0 0 2px #2563eb59,0 10px 24px #0f172a29}.template-meta{padding:16px}.template-meta span{margin-bottom:8px;font-size:16px;font-weight:800;display:block}.template-meta small{color:#cbd5e1;line-height:1.5}.reviews-section{margin-top:26px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.section-heading h3{color:#111827;margin:0;font-size:18px}.section-heading span,.setting-note{color:#64748b;font-size:13px}.review-list{gap:10px;display:grid}.builder-layout.modern{grid-template-columns:370px minmax(0,1fr);gap:24px;display:grid}.settings-panel.modern{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;align-self:start;max-height:78vh;padding:16px;overflow:auto}.settings-group{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:12px}.settings-group h4{color:#0f172a;margin:0 0 10px;font-size:15px}.template-switcher{flex-wrap:wrap;gap:8px;display:flex}.template-switch-chip{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:34px;padding:0 12px;font-size:13px;font-weight:700}.template-switch-chip.active{color:#1d4ed8;background:#eaf1ff;border-color:#2563eb}.settings-panel.modern label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.settings-panel.modern input[type=text],.settings-panel.modern select,.settings-panel.modern textarea{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:40px;margin-bottom:10px;padding:0 10px}.settings-panel.modern textarea{resize:vertical;min-height:100px;padding:10px}.settings-panel.modern input[type=color]{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:42px;margin-bottom:10px}.settings-panel.modern input[type=range]{width:100%;margin-bottom:10px}.custom-css-input{font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.toggle-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.toggle-row span{color:#334155;font-size:13px}.settings-actions{gap:10px;display:grid}.preview-panel.modern{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;min-height:640px;padding:18px}.preview-device-switcher{background:#fff;border:1px solid #d6deea;border-radius:10px;gap:6px;margin-bottom:12px;padding:4px;display:inline-flex}.preview-device-switcher button{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:34px;padding:0 12px;font-weight:700}.preview-device-switcher button.active{color:#1d4ed8;background:#eaf1ff}.preview-open-link{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;min-height:34px;margin-left:4px;padding:0 12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.preview-open-link:hover{color:#1d4ed8;border-color:#93c5fd}.preview-device-frame{margin:0 auto}.preview-device-frame.desktop{width:100%}.preview-device-frame.mobile{width:min(390px,100%)}.review-widget-preview.modern{border:1px solid var(--review-card-border);width:100%;min-height:100%;font-family:var(--widget-font), sans-serif;border-radius:12px;padding:22px;box-shadow:0 18px 42px #0f172a1a}.review-widget-preview.modern.carousel .preview-reviews.modern{padding-bottom:6px;display:flex;overflow:auto}.review-widget-preview.modern.carousel .preview-card.modern{min-width:320px;max-width:320px;min-height:240px;padding:24px}.review-widget-preview.modern.spotlight .preview-reviews.modern .preview-card.modern:first-child{grid-column:1/-1}.review-widget-preview.modern.badge{max-width:360px;padding:16px}.review-widget-preview.modern.badge .preview-reviews.modern{grid-template-columns:1fr!important}.preview-topline.modern{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.preview-top-left{align-items:center;gap:10px;display:flex}.google-pill{background:var(--accent-color);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.preview-action-btn{border:1px solid var(--accent-color);color:var(--accent-color);background:0 0;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-weight:700;text-decoration:none;display:inline-flex}.review-widget-preview.modern h3{margin:0 0 12px;font-size:24px}.rating-summary.modern{color:var(--review-muted);align-items:center;gap:8px;margin-bottom:18px;font-weight:700;display:inline-flex}.rating-summary.modern span{color:#f59e0b}.preview-reviews.modern{gap:12px;display:grid}.preview-card.modern{border:1px solid var(--review-card-border);border-radius:var(--review-card-radius);background:var(--review-card-bg);padding:var(--review-card-padding)}.preview-card.modern .preview-card.modern{flex-direction:column;display:flex}.preview-card-head{align-items:flex-start;gap:10px;display:flex}.preview-avatar{background:#94a3b840;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-size:12px;font-weight:800;display:inline-flex}.preview-card.modern strong,.preview-card.modern small{display:block}.preview-card.modern small{color:var(--review-muted);margin-top:3px}.preview-card.modern p{margin:12px 0 0;line-height:1.6}.publish-summary{gap:12px;display:grid}.publish-summary div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.publish-summary span,.publish-summary strong{display:block}.publish-summary span{color:#64748b;margin-bottom:6px;font-size:13px}.publish-box{margin-top:18px}.publish-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:16px;padding:12px 14px;font-size:14px}.publish-box textarea{color:#111827;resize:vertical;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:160px;padding:14px;font-family:SFMono-Regular,Consolas,monospace}.wizard-actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.wizard-actions.right{justify-content:flex-end}.btn{cursor:pointer;border:0;border-radius:8px;min-height:42px;padding:0 16px;font-weight:800}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 6px 16px #2563eb38}.btn-primary:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 10px 22px #2563eb47}.btn-primary.btn-premium{background:linear-gradient(135deg,#0f766e 0%,#0d9488 55%,#14b8a6 100%);box-shadow:0 8px 20px #0d948847}.btn-primary.btn-premium:hover:not(:disabled){box-shadow:0 12px 26px #0d948857}.btn-secondary{color:#334155;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0f172a0a}@media (width<=1040px){.business-grid,.template-grid.large,.publish-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-layout.modern{grid-template-columns:1fr}}@media (width<=720px){.page-heading,.section-heading,.search-row{flex-direction:column;display:flex}.builder-summary{width:100%}.wizard-header,.business-grid,.template-grid.large,.publish-summary,.preview-reviews.modern{grid-template-columns:1fr!important}.wizard-content,.preview-panel.modern{padding:18px}.preview-device-frame.mobile,.preview-device-frame.desktop{width:100%}.wizard-actions{flex-direction:column-reverse}}.wizard-actions-sticky{z-index:100;background:#fff;border-top:1px solid #e5e7eb;padding:16px;position:sticky;bottom:0}.builder-shell{background:#f1f5f9;flex-direction:column;min-height:100vh;display:flex}.builder-header{z-index:200;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:0 20px;display:flex;position:sticky;top:0}.builder-header-left{align-items:center;gap:12px;min-width:0;display:flex}.builder-logo{color:#fff;background:linear-gradient(135deg,#ec4899,#db2777);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:900;display:inline-flex}.builder-title-btn,.builder-title-input{color:#0f172a;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:6px;max-width:320px;padding:6px 8px;font-size:15px;font-weight:700;overflow:hidden}.builder-title-input{cursor:text;background:#fff;border:1px solid #cbd5e1;width:min(320px,60vw)}.builder-title-btn:hover{background:#f1f5f9}.builder-edit-icon{color:#94a3b8;margin-left:8px;font-size:13px}.builder-header-actions{align-items:center;gap:10px;display:flex}.btn-publish{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:8px;min-height:36px;padding:0 18px;font-weight:800}.btn-publish:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:#475569;cursor:pointer;border:0;border-radius:8px;min-height:36px;padding:0 14px;font-weight:700}.btn-ghost:hover{background:#f1f5f9}.builder-step-nav{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:10px 20px;display:flex;overflow-x:auto}.builder-step-pill{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;min-height:34px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.builder-step-pill span{background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:inline-flex}.builder-step-pill.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.builder-step-pill.active span{color:#fff;background:#2563eb}.builder-step-pill.complete:not(.locked){color:#334155}.builder-step-pill.locked{opacity:.45;cursor:not-allowed}.builder-step-summary{flex-shrink:0;gap:16px;margin-left:auto;display:flex}.builder-step-summary small{color:#94a3b8;font-size:12px;font-weight:600}.builder-main{flex:1;min-height:0}.builder-main .step-panel{min-height:calc(100vh - 110px)}.step-panel.template-step,.step-panel.business-step,.step-panel.publish-step,.step-panel.customize-step{height:calc(100vh - 110px);min-height:0;overflow:hidden}.builder-split-layout{grid-template-columns:minmax(320px,420px) minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.step-panel.template-step .builder-split-layout{grid-template-columns:minmax(380px,500px) minmax(0,1fr)}.builder-split-layout.single-preview{grid-template-columns:minmax(300px,400px) minmax(0,1fr)}.builder-split-left{color:#e2e8f0;background:#202020;border-right:1px solid #94a3b826;flex-direction:column;gap:12px;min-height:0;padding:20px;display:flex;overflow:hidden}.builder-split-left-scroll{flex:1;min-height:0;padding-right:4px;overflow-y:auto}.builder-split-left-scroll .business-list,.builder-split-left-scroll .review-list{max-height:none;overflow:visible}.template-groups{flex-direction:column;gap:0;min-height:0;display:flex}.builder-split-right{background:#eef1f5;flex-direction:column;min-height:0;padding:20px;display:flex;overflow-y:auto}.step-title.compact h2{color:#f8fafc;margin:0 0 6px;font-size:18px}.step-title.compact p{color:#94a3b8;max-width:none;font-size:13px}.builder-split-left .search-input{color:#f8fafc;background:#0f141b;border-color:#94a3b840}.builder-split-left .helper-row{color:#94a3b8}.builder-split-left .wizard-actions-sticky{background:#1a1f27;border-top-color:#94a3b833;margin-top:auto;padding-left:0;padding-right:0}.preview-panel-header{color:#475569;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.builder-preview-sticky,.elfsight-preview-sticky{flex:1;min-height:0;overflow-y:auto}.preview-device-switcher.compact button{cursor:pointer;background:#fff;border:1px solid #d6deea;border-radius:8px;min-width:36px;min-height:34px;font-size:14px}.preview-device-switcher.compact button.active{background:#eff6ff;border-color:#93c5fd}.template-picker-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px;width:100%;margin:0 auto;padding:4px 8px 12px;display:grid}.step-panel.template-step .builder-split-left-scroll{scrollbar-gutter:stable;padding-right:8px}.template-picker-card{color:#f8fafc;text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;width:100%;padding:0;display:flex}.template-picker-frame{background:#232830;border:2px solid #94a3b82e;border-radius:10px;width:100%;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.template-picker-card:hover .template-picker-frame{border-color:#60a5fa8c}.template-picker-card.selected .template-picker-frame{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f659}.template-picker-preview{background:#343434;justify-content:center;align-items:flex-start;height:132px;padding:8px 0 0;display:flex;position:relative;overflow:hidden}.template-picker-preview-loaded{justify-content:center;align-items:flex-start;width:100%;animation:.22s template-picker-fade-in;display:flex;overflow:hidden}.template-picker-preview-scale{transform-origin:top;pointer-events:none;flex-shrink:0;justify-content:center;width:360px;max-width:none;display:flex;transform:scale(.36)}.template-picker-image{object-fit:cover;object-position:top center;width:100%;height:100%;min-height:132px;display:block}.template-picker-preview:has(.template-picker-image){padding:0}.template-picker-live-preview.widget-preview-root,.template-picker-live-preview .preview-device-frame{justify-content:center;width:100%;display:flex}.template-picker-live-preview .review-widget-preview.modern{border-radius:10px;margin:0 auto;padding:14px;font-size:12px;box-shadow:0 8px 20px #0f172a14}.template-picker-live-preview .review-widget-preview.modern h3{margin-bottom:8px;font-size:18px}.template-picker-live-preview .review-widget-preview.modern.minimal-chrome{margin:0 auto;padding:10px}.template-picker-check{color:#fff;background:#3b82f6;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:8px;right:8px;box-shadow:0 4px 10px #2563eb59}.template-picker-name{color:#e2e8f0;padding:0 2px;font-size:13px;font-weight:600;line-height:1.3;display:block}.template-picker-card-skeleton{pointer-events:none;cursor:default}.template-picker-preview-skeleton,.template-picker-name-skeleton,.template-main-preview-skeleton{background:linear-gradient(90deg,#1f2937 0%,#2b3544 50%,#1f2937 100%) 0 0/200% 100%;animation:1.2s ease-in-out infinite template-picker-shimmer;position:relative;overflow:hidden}.template-picker-preview-skeleton{border-radius:0;width:100%;height:132px}.template-picker-name-skeleton{border-radius:999px;width:72%;height:14px;margin:0 auto;display:block}.template-main-preview-skeleton{border:1px solid #d6deea;border-radius:12px;width:100%;min-height:360px}@keyframes template-picker-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes template-picker-fade-in{0%{opacity:0}to{opacity:1}}.business-list{gap:8px;max-height:180px;display:grid;overflow-y:auto}.business-list-item{color:#e2e8f0;text-align:left;cursor:pointer;background:#0f141b;border:1px solid #94a3b833;border-radius:8px;align-items:flex-start;gap:10px;width:100%;padding:12px;display:flex}.business-list-item.selected{background:#2563eb1f;border-color:#3b82f6}.business-source-icon{color:#4285f4;background:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:inline-flex}.business-list-item strong,.business-list-item small{display:block}.business-list-item small{color:#94a3b8;margin-top:2px;font-size:12px}.review-list{gap:8px;max-height:320px;padding-right:4px;display:grid;overflow-y:auto}.review-row{color:#e2e8f0;text-align:left;cursor:pointer;background:#0f141b;border:1px solid #94a3b833;border-radius:8px;align-items:flex-start;gap:12px;width:100%;padding:12px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.review-row:hover{border-color:#3b82f680}.review-row.selected{background:#2563eb26;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f659}.review-row-avatar{color:#334155;background:#94a3b840;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:inline-flex;overflow:hidden}.review-row-avatar img,.preview-avatar img{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.review-row-content{flex:1;min-width:0}.review-row-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.review-row-top strong{font-size:13px}.review-row-top small{color:#94a3b8;flex-shrink:0;font-size:11px}.review-row-stars{color:#22c55e;letter-spacing:1px;margin:4px 0;font-size:12px}.review-row-content p{color:#cbd5e1;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.builder-split-left .section-heading h3{color:#f8fafc;font-size:14px}.builder-split-left .section-heading span{color:#94a3b8}.customize-step{padding:0}.elfsight-layout{grid-template-columns:96px 360px minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.elfsight-icon-nav{background:#0b0f14;border-right:1px solid #94a3b81f;flex-direction:column;gap:6px;min-height:0;padding:14px 10px 14px 6px;display:flex;overflow-y:auto}.elfsight-icon-nav button{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:62px;padding:8px 6px 8px 10px;display:flex;position:relative;overflow:visible}.elfsight-icon-nav button span{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:17px;line-height:1;display:flex}.elfsight-icon-nav button small{text-align:center;white-space:normal;word-break:break-word;width:100%;padding:0 2px;font-size:10px;font-weight:700;line-height:1.25;display:block;overflow:visible}.elfsight-icon-nav button.active{color:#f8fafc;box-shadow:none;background:#ffffff14}.elfsight-icon-nav button.active:before{content:"";background:#3b82f6;border-radius:0 4px 4px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.builder-loading{color:#64748b;justify-content:center;align-items:center;min-height:50vh;font-weight:700;display:flex}.elfsight-settings-panel{background:#eef1f5;border-right:1px solid #e2e8f0;flex-direction:column;min-height:0;display:flex;overflow:hidden}.elfsight-settings-header{background:linear-gradient(#fff 0%,#f8fafc 100%);border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:16px 18px 12px}.elfsight-settings-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:800}.elfsight-settings-scroll{background:#eef1f5;flex:1;min-height:0;padding:12px;overflow-y:auto}.elfsight-settings-footer{z-index:50;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;grid-template-columns:1fr;gap:10px;padding:14px 16px;display:grid;box-shadow:0 -8px 24px #0f172a0f}.elfsight-preview-panel{background:#eef1f5;flex-direction:column;min-height:0;padding:20px;display:flex;overflow:hidden}.settings-accordion{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:8px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.accordion-trigger{color:#0f172a;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.accordion-trigger.open{background:#f8fafc;border-bottom:1px solid #e2e8f0}.accordion-content{background:#fff;padding:12px 14px 14px}.accordion-content label{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.settings-subsection{border-top:1px solid #e2e8f0;margin:14px 0 10px;padding-top:14px}.settings-subsection h4{color:#0f172a;margin:0 0 10px;font-size:13px;font-weight:800}.accordion-content input[type=text],.accordion-content select,.accordion-content textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:38px;margin-bottom:10px;padding:0 10px}.accordion-content textarea{min-height:90px;padding:10px}.accordion-content input[type=color]{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:40px;margin-bottom:10px}.accordion-content input[type=range]{width:100%;margin-bottom:10px}.theme-toggle{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.theme-toggle button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:36px;font-weight:700}.theme-toggle button.active{color:#0f766e;background:#ecfdf5;border-color:#0d9488}.accent-swatches{grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:12px;display:grid}.accent-swatches button{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:999px;width:100%;padding:0}.accent-swatches button.active{border-color:#fff;box-shadow:0 0 0 2px #3b82f6cc}.setting-link{color:#60a5fa;margin-top:4px;font-size:12px;display:inline-block}.widget-preview-root{width:100%}.widget-preview-root.mobile .preview-device-frame{background:#0f172a;border:3px solid #1e293b;border-radius:28px;width:min(375px,100%);margin:0 auto;padding:28px 10px 14px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #94a3b826,0 20px 40px #0f172a2e}.preview-phone-notch{z-index:2;background:#94a3b859;border-radius:999px;width:72px;height:5px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.widget-preview-root.mobile .review-widget-preview.modern{box-shadow:none;border-radius:16px;padding:16px}.widget-preview-root.mobile .preview-topline.modern{flex-direction:column;align-items:stretch;gap:8px}.widget-preview-root.mobile .preview-top-left{flex-wrap:wrap}.widget-preview-root.mobile .preview-action-btn{justify-content:center;width:100%;min-height:38px;font-size:13px}.widget-preview-root.mobile .review-widget-preview.modern h3{font-size:18px;line-height:1.3}.widget-preview-root.mobile .rating-summary.modern{flex-wrap:wrap;font-size:13px}.widget-preview-root.mobile .preview-reviews.modern{gap:10px;grid-template-columns:1fr!important}.widget-preview-root.mobile .review-widget-preview.modern.carousel .preview-reviews.modern{scroll-snap-type:x mandatory;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.widget-preview-root.mobile .review-widget-preview.modern.carousel .preview-card.modern{scroll-snap-align:start;flex:0 0 min(280px,100%);min-width:min(280px,100%)}.widget-preview-root.mobile .preview-card.modern{padding:14px}.widget-preview-root.mobile .preview-card.modern p{word-break:normal;overflow-wrap:break-word;font-size:14px;line-height:1.55}.widget-preview-root.mobile .preview-card-footer{align-items:flex-start;gap:8px}.widget-preview-root.mobile .preview-card-meta{flex:1;min-width:0}.widget-preview-root.mobile .preview-card-meta strong{flex-wrap:wrap;font-size:12px;line-height:1.35}.widget-preview-root.mobile .preview-card-meta small{flex-wrap:wrap;font-size:11px}.widget-preview-root.mobile .preview-avatar{flex-shrink:0;width:32px;height:32px}.widget-preview-root.mobile .preview-nav-arrow{display:none}.widget-preview-root.mobile .preview-card-stars{font-size:13px}.preview-carousel-wrap{position:relative}.preview-nav-arrow{color:#fff;cursor:default;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;width:42px;height:42px;font-size:20px;position:absolute;top:50%;transform:translateY(-50%)}.preview-nav-prev{left:-8px}.preview-nav-next{right:-8px}.preview-card-stars{color:#f59e0b;letter-spacing:1px;margin-bottom:8px;font-size:14px}.preview-read-more{color:var(--accent-color,#2563eb);font-weight:700;font-size:inherit;cursor:default;background:0 0;border:0;margin-left:4px;padding:0}.preview-card-footer{border-top:1px solid var(--review-card-border);align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.preview-card-meta strong{align-items:center;gap:6px;font-size:13px;display:flex}.verified-badge{color:#fff;background:#2563eb;border-radius:999px;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;display:inline-flex}.preview-card-meta small{align-items:center;gap:6px;margin-top:2px;display:flex}.google-source{color:#4285f4;background:#fff;border:1px solid #e2e8f0;border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:900;display:inline-flex}.preview-avatar img{object-fit:cover;border-radius:999px;width:100%;height:100%}.preview-pagination-dots{justify-content:center;gap:6px;margin-top:16px;display:flex}.preview-pagination-dots span{background:#94a3b880;border-radius:999px;width:8px;height:8px}.preview-pagination-dots span:first-child{background:#64748b}.publish-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px 14px;font-size:14px}.builder-split-left .publish-summary div{background:#0f141b;border-color:#94a3b833}.builder-split-left .publish-summary span{color:#94a3b8}.builder-split-left .publish-summary strong{color:#f8fafc}.builder-split-left .publish-box label{color:#94a3b8;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.builder-split-left .publish-box textarea{color:#e2e8f0;background:#0f141b;border-color:#94a3b840}@media (width<=1100px){.builder-split-layout,.elfsight-layout{grid-template-columns:1fr}.elfsight-icon-nav{border-bottom:1px solid #94a3b81f;border-right:0;flex-direction:row;overflow-x:auto}.elfsight-icon-nav button small{display:none}.builder-split-right,.elfsight-preview-panel{min-height:420px}.builder-step-summary{display:none}}@media (width<=720px){.builder-header{padding:0 12px}.builder-step-nav{padding:8px 12px}.elfsight-settings-footer{grid-template-columns:1fr}.accent-swatches{grid-template-columns:repeat(4,1fr)}.builder-split-left,.builder-split-right,.elfsight-preview-panel{padding:14px}}@media (width<=900px){.step-panel.template-step .builder-split-layout{grid-template-columns:1fr}.template-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.template-picker-grid{grid-template-columns:1fr}}.review-widget-preview.modern.list .preview-reviews.modern{flex-direction:column;gap:14px;display:flex}.review-widget-preview.modern.list .preview-card.modern{width:100%;max-width:100%}.review-widget-preview.modern.list .preview-card-footer{margin-top:14px}.review-widget-preview.modern.masonry .preview-reviews{column-count:3;scrollbar-width:none;column-gap:16px}.review-widget-preview.modern.masonry .preview-card{flex-direction:column;width:100%;height:220px;margin-bottom:16px;display:flex}.preview-reviews::-webkit-scrollbar{display:none}.preview-card:hover{transition:all .25s;transform:translateY(-3px)}.widgets-page{width:100%}.widgets-workspace{grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:start;gap:20px;margin-top:20px;display:grid}.widgets-library-panel{border:1px solid var(--rf-border);border-radius:var(--rf-radius-lg);background:var(--rf-surface);box-shadow:var(--rf-shadow-sm);overflow:hidden}.widgets-library-header{border-bottom:1px solid var(--rf-border);background:linear-gradient(#fff 0%,#f8fafc 100%);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.widgets-library-header h2{color:var(--rf-text);margin:0;font-size:17px;font-weight:800}.widgets-count{color:#1d4ed8;background:#eff6ff;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.widget-library-list{gap:0;max-height:calc(100vh - 280px);display:grid;overflow-y:auto}.widget-library-card{border:0;border-bottom:1px solid var(--rf-border);text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:16px 20px;transition:background .15s,box-shadow .15s;display:grid}.widget-library-card:hover{background:#f8fafc}.widget-library-card.active{background:linear-gradient(90deg,#eff6ff 0%,#f8fafc 100%);box-shadow:inset 3px 0 #2563eb}.widget-library-card-main{min-width:0}.widget-library-card-top{align-items:center;gap:10px;margin-bottom:6px;display:flex}.widget-template-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:900;display:inline-flex}.widget-template-icon.carousel{background:linear-gradient(135deg,#2563eb,#1e40af)}.widget-template-icon.grid{background:linear-gradient(135deg,#475569,#1e293b)}.widget-template-icon.spotlight{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.widget-template-icon.badge{background:linear-gradient(135deg,#0d9488,#0f766e)}.widget-library-card h3{color:var(--rf-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:800;overflow:hidden}.widget-library-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.widget-library-meta small{color:var(--rf-muted);font-size:12px;font-weight:600}.widget-uuid{color:#94a3b8;background:#f1f5f9;border-radius:6px;padding:2px 6px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.widget-library-actions{flex-shrink:0;gap:8px;display:flex}.widget-action-btn{border:1px solid var(--rf-border);min-height:34px;color:var(--rf-text-secondary);cursor:pointer;background:#fff;border-radius:8px;padding:0 12px;font-size:12px;font-weight:700;transition:border-color .15s,color .15s,background .15s}.widget-action-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.widget-action-btn.primary{color:#fff;background:#2563eb;border-color:#2563eb}.widget-action-btn.primary:hover{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.widgets-preview-panel{flex-direction:column;gap:14px;min-height:calc(100vh - 120px);display:flex;position:sticky;top:84px}.embed-preview-card,.embed-code-card{border:1px solid var(--rf-border);border-radius:var(--rf-radius-lg);background:var(--rf-surface);box-shadow:var(--rf-shadow-sm);overflow:hidden}.embed-preview-header,.embed-code-header{border-bottom:1px solid var(--rf-border);background:linear-gradient(#fff 0%,#f8fafc 100%);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.embed-preview-header h3,.embed-code-header h3{color:var(--rf-text);margin:0;font-size:14px;font-weight:800}.embed-preview-body{background:#eef1f5;min-height:280px;padding:16px;overflow-x:auto}.embed-preview-body .widget-preview-root{border-radius:12px;overflow:hidden}.embed-preview-empty{text-align:center;min-height:260px;color:var(--rf-muted);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.embed-preview-empty strong{color:var(--rf-text-secondary);margin-bottom:6px;font-size:15px;display:block}.embed-code-body{padding:14px 16px 16px}.embed-code-body textarea{border:1px solid var(--rf-border);color:#e2e8f0;resize:vertical;background:#0f172a;border-radius:10px;width:100%;min-height:120px;padding:12px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.5}.embed-code-actions{gap:8px;margin-top:10px;display:flex}.preview-device-switcher.inline{border:1px solid var(--rf-border);background:#fff;border-radius:8px;gap:4px;padding:3px;display:inline-flex}.preview-device-switcher.inline button{cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:32px;min-height:30px;font-size:13px}.preview-device-switcher.inline button.active{background:#eff6ff}@media (width<=1100px){.widgets-workspace{grid-template-columns:1fr}.widgets-preview-panel{min-height:auto;position:static}.widget-library-list{max-height:none}}@media (width<=720px){.widget-library-card{grid-template-columns:1fr}.widget-library-actions{justify-content:flex-end}}