:root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-success-50:#f0fdf4;--color-success-500:#22c55e;--color-success-700:#15803d;--color-danger-50:#fff1f2;--color-danger-500:#f43f5e;--color-danger-700:#be123c;--color-warning-50:#fffbeb;--color-warning-500:#f59e0b;--color-warning-700:#b45309;--color-info-50:#f0f9ff;--color-info-500:#0ea5e9;--color-info-700:#0369a1;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-heading:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--transition-bounce:.3s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--surface-bg:var(--color-neutral-50);--surface-card:#fff;--surface-border:var(--color-neutral-200);--surface-border-strong:var(--color-neutral-300);--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-600);--text-muted:var(--color-neutral-400);--text-on-primary:#fff;--skeleton-base:var(--color-neutral-200);--skeleton-shine:var(--color-neutral-100)}@media (prefers-color-scheme:dark){:root{--surface-bg:var(--color-neutral-900);--surface-card:var(--color-neutral-800);--surface-border:var(--color-neutral-700);--surface-border-strong:var(--color-neutral-600);--text-primary:var(--color-neutral-100);--text-secondary:var(--color-neutral-300);--text-muted:var(--color-neutral-500);--text-on-primary:#fff;--skeleton-base:var(--color-neutral-700);--skeleton-shine:var(--color-neutral-600)}}.dark{--surface-bg:var(--color-neutral-900);--surface-card:var(--color-neutral-800);--surface-border:var(--color-neutral-700);--surface-border-strong:var(--color-neutral-600);--text-primary:var(--color-neutral-100);--text-secondary:var(--color-neutral-300);--text-muted:var(--color-neutral-500);--text-on-primary:#fff;--skeleton-base:var(--color-neutral-700);--skeleton-shine:var(--color-neutral-600)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(120px)rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--font-heading:"Space Grotesk", "Segoe UI", sans-serif;--font-body:"Plus Jakarta Sans", "Trebuchet MS", sans-serif;--bg-gradient:radial-gradient(circle at 0% 0%, #ffeac8 0%, #f7f7f3 45%, #e8f2ff 100%);--panel:#ffffffd9;--panel-strong:#fff;--line:#dbe1eb;--text:#1f2937;--muted:#5f6b7a;--brand:#14532d;--brand-soft:#dafbe4;--danger:#991b1b;--danger-soft:#fee2e2;--shadow:0 16px 30px #1b1b1f1a}*{box-sizing:border-box}body{background:var(--bg-gradient);min-height:100vh;color:var(--text);font-family:var(--font-body);margin:0}#root{min-height:100vh}h1,h2,h3,h4,p{margin:0}button,input,select,textarea{font:inherit}.app-shell{grid-template-columns:300px 1fr;min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e5edf6;background:#101827ed;align-self:start;min-height:100vh;padding:1.5rem 1rem;position:sticky;top:0}.brand-block{background:#ffffff14;border-radius:12px;margin-bottom:1.5rem;padding:.8rem}.brand-block h1{font-family:var(--font-heading);font-size:1.25rem}.eyebrow,.group-title{text-transform:uppercase;letter-spacing:.08em;color:#9fb4cb;font-size:.72rem}.nav-group{flex-direction:column;gap:.3rem;margin-bottom:1.25rem;display:flex}.nav-group-channels{border-top:1px solid #ffffff29;margin-top:auto;padding-top:1rem}.nav-item{color:#d4dfec;border-radius:10px;padding:.55rem .8rem;text-decoration:none;transition:all .18s}.nav-item.active,.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item-disabled{opacity:.7;cursor:not-allowed}.nav-group-tree{flex-direction:column;display:flex}.nav-item-group{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:0;width:100%;padding:0;display:flex}.nav-item-group-link{color:#d4dfec;text-align:left;border-radius:10px;flex:1;padding:.55rem .8rem;text-decoration:none;transition:all .18s}.nav-item-group-link.active,.nav-item-group-link:hover{color:#fff;background:#ffffff1a}.nav-group-chevron{color:#8ba0b8;flex-shrink:0;padding:.55rem .4rem;font-size:.7rem}.nav-children{border-left:1px solid #ffffff1a;flex-direction:column;margin-left:1rem;padding-left:.8rem;display:flex}.nav-item-child{padding:.4rem .7rem;font-size:.85rem}.topbar{background:var(--panel);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;display:flex}.topbar-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.auth-pill{border:1px solid var(--line);background:var(--panel-strong);border-radius:999px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.35rem .5rem;display:flex}.cart-pill{color:var(--brand);font-weight:700;text-decoration:none}.page-content{flex-direction:column;gap:1rem;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.page-header h2{font-size:1.8rem;font-family:var(--font-heading)}.page-header p{color:var(--muted);margin-top:.25rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;display:grid}.kpi-card,.panel-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:1rem}.kpi-card strong{margin:.5rem 0 .25rem;font-size:1.5rem;display:block}.kpi-card p,.kpi-card small{color:var(--muted)}.filters-row{grid-template-columns:1fr 220px;gap:.75rem;display:grid}.filters-row-activity{grid-template-columns:280px 1fr}.two-columns{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-grid{gap:.65rem;display:grid}input,select,textarea{border:1px solid var(--line);background:var(--panel-strong);border-radius:10px;width:100%;padding:.6rem .7rem}textarea{resize:vertical}button,.btn-primary,.btn-ghost,.btn-danger{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:.5rem .8rem;text-decoration:none;display:inline-flex}.btn-primary{background:var(--brand);color:#fff;border-color:#0f3d22}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{border-color:var(--line);color:var(--text);background:#fff}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#fecaca}.button-row,.actions-cell{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.checkbox-row{align-items:center;gap:.5rem;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:.65rem .3rem}th{color:var(--muted);font-size:.82rem}.badge{text-transform:capitalize;background:#e5e7eb;border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.badge-pending{background:#fef3c7}.badge-paid,.badge-shipped{background:#dbeafe}.badge-completed{background:var(--brand-soft)}.badge-demo{color:#7c2d12;background:#fef3c7}.badge-cancelled{background:#fee2e2}.history-list,.checkout-lines{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.history-list li{border:1px solid var(--line);border-radius:10px;gap:.2rem;padding:.55rem;display:grid}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.product-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.product-card img{object-fit:cover;width:100%;height:150px}.product-card>div,.product-card footer{padding:.8rem}.product-card footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.pill{color:var(--muted);background:#f1f5f9;border-radius:999px;padding:.12rem .52rem;font-size:.72rem;display:inline-block}.banner-card{color:#f8fafc;background:linear-gradient(120deg,#102a43,#1f6f78)}.cart-list{gap:.7rem;display:grid}.cart-item{border-bottom:1px solid var(--line);grid-template-columns:1fr 80px 120px auto;align-items:center;gap:.55rem;padding-bottom:.6rem;display:grid}.cart-footer{justify-content:space-between;align-items:center;display:flex}.totals{gap:.3rem;margin-top:1rem;display:grid}.totals p{justify-content:space-between;display:flex}.grand-total{margin-top:.25rem;font-size:1.15rem;font-weight:700}.feedback,.save-ok{color:var(--brand);margin-top:.7rem;font-weight:600}.auth-loading{margin-top:0}.forbidden-page{gap:.8rem;max-width:680px;display:grid}.permission-pill{color:#1d4ed8;white-space:nowrap;background:#dbeafe;border-radius:999px;padding:.2rem .55rem;font-size:.74rem;display:inline-flex}.permission-pill-edit{color:#166534;background:#dcfce7}.permission-pill-none{color:#64748b;background:#f1f5f9}.form-fieldset{border:0;min-width:0;margin:0;padding:0}.form-fieldset:disabled{opacity:.7}.login-layout{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{gap:1rem;width:min(440px,100%);display:grid}.auth-mode-toggle{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.login-header{gap:.35rem;display:grid}.login-header h2{font-size:1.8rem;font-family:var(--font-heading)}.login-header p{color:var(--muted)}.login-banner{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:.6rem .75rem;font-size:.9rem}.login-banner-demo{color:#92400e;background:#fffbeb;border-color:#facc15}.login-error{color:var(--danger);margin-top:.2rem;font-weight:600}.theme-toggle{border:1px solid var(--surface-border);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.theme-toggle:hover{color:var(--text-primary);background:var(--surface-bg)}.theme-toggle__icon{transition:opacity var(--transition-normal), transform var(--transition-normal);justify-content:center;align-items:center;display:flex;position:absolute}.theme-toggle__icon--hidden{opacity:0;transform:scale(.5)rotate(90deg)}.dark{--panel:#1e293b;--panel-strong:#0f172a;--line:#334155;--text:#f1f5f9;--muted:#94a3b8;--bg-gradient:#0f172a;--shadow:0 16px 30px #00000040}.dark body{background:var(--bg-gradient);color:var(--text)}.dark .topbar,.dark .panel-card,.dark .kpi-card,.dark .product-card,.dark .constructor-manager-item{background:var(--panel);border-color:var(--line)}.dark .history-list li,.dark .cart-item{border-color:var(--line)}.dark .auth-pill{background:var(--panel-strong);border-color:var(--line)}.dark table{color:var(--text)}.dark th{background:var(--panel-strong);color:var(--muted);border-color:var(--line)}.dark td{border-color:var(--line)}.dark input,.dark select,.dark textarea{background:var(--panel-strong);color:var(--text);border-color:var(--line)}.dark input::placeholder,.dark textarea::placeholder{color:var(--muted)}.dark .btn-ghost{background:var(--panel);border-color:var(--line);color:var(--text)}.dark .badge{color:#cbd5e1;background:#334155}.dark .pill{color:var(--muted);background:#1e293b}.dark .login-banner{color:#cbd5e1;background:#1e293b;border-color:#334155}.dark .login-banner-demo{color:#fde68a;background:#292524;border-color:#78350f}.dark .permission-pill{color:#bfdbfe;background:#1e3a8a}.dark .permission-pill-edit{color:#bbf7d0;background:#14532d}.dark .permission-pill-none{color:#94a3b8;background:#1e293b}.constructor-manager-item{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.9rem;padding:.9rem;display:grid}.constructor-manager-item-main h3{font-family:var(--font-heading);font-size:1rem}.constructor-manager-item-main p{color:var(--muted);margin-top:.2rem;font-size:.9rem}.constructor-manager-item-meta{flex-wrap:wrap;gap:.35rem;display:inline-flex}.constructor-manager-actions{justify-content:flex-end}.builder-shell{background:radial-gradient(circle at 0 0,#e0edff99 0%,#0000 45%),radial-gradient(circle at 100% 100%,#d9f7eb94 0%,#0000 40%),#f7fafc;grid-template-rows:auto 1fr;gap:1rem;min-height:100vh;padding:1rem;display:grid}.builder-topbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffde;border:1px solid #d6e1ef;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .9rem;display:flex;box-shadow:0 18px 28px #16203217}.builder-topbar-left,.builder-topbar-actions{align-items:center;gap:.65rem;display:flex}.builder-topbar-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.75rem}.builder-content{align-content:start;gap:1rem;display:grid}.constructor-page{gap:1rem;display:grid}.constructor-builder-tabs{background:linear-gradient(130deg,#f7fbff 0%,#edf4ff 100%);border:1px solid #c6d3e6;border-radius:14px;gap:.45rem;width:fit-content;padding:.35rem;display:inline-flex}.constructor-builder-tab{color:#36506e;background:0 0;border:1px solid #0000;border-radius:10px;padding:.5rem .82rem;font-weight:600}.constructor-builder-tab-active{color:#0e3a67;background:#fff;border-color:#9fb4d1;box-shadow:0 8px 16px #0f35631f}.constructor-workspace{background:linear-gradient(#ffffffbd 0%,#eff7ffcc 100%),radial-gradient(circle at 20% 0,#94a3b829 0%,#0000 40%);border:1px solid #d8e2f0;border-radius:20px;grid-template-columns:minmax(300px,340px) minmax(0,1fr) minmax(320px,380px);align-items:start;gap:1rem;padding:.9rem;display:grid}.constructor-view-estructura{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.constructor-view-diseno{grid-template-columns:minmax(0,1fr) minmax(320px,400px)}.constructor-view-publicacion{grid-template-columns:minmax(0,1fr)}.constructor-publication-stack{justify-self:center;width:min(1080px,100%)}.constructor-workspace-column{gap:1rem;min-width:0;display:grid}.constructor-column-left,.constructor-column-right{max-height:calc(100vh - 2rem);padding-right:.1rem;position:sticky;top:1rem;overflow:auto}.constructor-panel{gap:.8rem;display:grid}.constructor-panel-header{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.constructor-page-list{gap:.7rem;display:grid}.constructor-page-item{border:1px solid var(--line);background:#fdfefe;border-radius:12px;gap:.65rem;padding:.7rem;display:grid}.constructor-page-item-active{border-color:#7ec8ba;box-shadow:inset 0 0 0 1px #93dacd}.constructor-page-item-head{justify-content:space-between;gap:.5rem;display:flex}.constructor-status-chip{border:1px solid #0000;border-radius:999px;padding:.2rem .62rem;font-size:.74rem;font-weight:700}.constructor-status-ok{color:#166534;background:#dcfce7;border-color:#86efac}.constructor-status-warn{color:#92400e;background:#fffbeb;border-color:#fcd34d}.constructor-status-error{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.constructor-status-loading{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.constructor-status-idle{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.constructor-runtime-url{gap:.4rem;display:grid}.constructor-runtime-url code{color:#e2e8f0;overflow-wrap:anywhere;background:#0f172a;border-radius:8px;padding:.4rem .55rem;font-size:.81rem}.constructor-mode-switch{flex-wrap:wrap;gap:1rem;margin-bottom:.2rem;display:flex}.constructor-canvas-panel,.constructor-preview-panel,.constructor-properties-panel{gap:.8rem;display:grid}.constructor-page-meta{color:var(--muted);font-size:.88rem}.constructor-layer-row{border:1px dashed #0000;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.2rem;display:grid}.constructor-layer-row-drop{background:#ecfdf5;border-color:#0f766e}.constructor-layer-item{text-align:left;border:1px solid var(--line);background:#fff;border-radius:11px;justify-items:start;gap:.12rem;width:100%;padding:.56rem .7rem;display:grid}.constructor-layer-item small{color:var(--muted)}.constructor-layer-item-active{background:#f0fdf8;border-color:#7ed8c7}.constructor-preview-frame{background:#fff;border:1px dashed #c8d5e8;border-radius:14px;min-height:70vh;padding:.6rem;position:relative;overflow:auto}@media (width<=1200px){.constructor-workspace{grid-template-columns:1fr}.constructor-column-left,.constructor-column-right{max-height:none;position:static;overflow:visible}.constructor-preview-frame{min-height:62vh}}.constructor-preview-frame-grid:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#2563eb29 1px,#0000 1px),linear-gradient(#2563eb29 1px,#0000 1px);background-size:24px 24px;border-radius:14px;position:absolute;inset:0}.constructor-properties-form{gap:.75rem}.constructor-feedback-card{border:1px solid var(--line);border-radius:11px;margin:0;padding:.62rem .74rem;font-size:.88rem}.constructor-feedback-ok{color:#166534;background:#f0fdf4;border-color:#86efac}.constructor-feedback-warn{color:#92400e;background:#fffbeb;border-color:#fcd34d}.constructor-feedback-error{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.constructor-code-textarea{min-height:160px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace}.custom-landing-frame{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;min-height:560px}.landing-public-shell{gap:.8rem;display:grid}.landing-section{border:1px solid var(--line);border-radius:16px;gap:.7rem;padding:1rem;display:grid}.landing-hero{grid-template-columns:1fr 300px;align-items:center}.landing-hero h1{font-family:var(--font-heading);font-size:2rem}.landing-hero img{object-fit:cover;border-radius:12px;width:100%;height:220px}.landing-benefits-grid,.landing-featured-grid,.landing-testimonial-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.7rem;display:grid}.landing-benefit-card,.landing-featured-card,.landing-testimonial-card{background:#ffffff1f;border:1px solid #ffffff52;border-radius:12px;padding:.8rem}.landing-testimonial-card{gap:.45rem;display:grid}.landing-testimonial-avatar{object-fit:cover;border-radius:999px;width:42px;height:42px}.landing-featured-card{gap:.45rem;display:grid}.landing-featured-carousel-shell{gap:.6rem;display:grid}.landing-featured-carousel-actions{justify-content:flex-end;gap:.5rem;display:flex}.landing-featured-carousel{scroll-snap-type:x mandatory;grid-auto-columns:minmax(200px,260px);grid-auto-flow:column;gap:.7rem;padding-bottom:.2rem;display:grid;overflow-x:auto}.landing-featured-card-carousel{scroll-snap-align:start}.constructor-checklist{gap:.35rem;margin:0;padding-left:1.2rem;display:grid}.landing-featured-card img{object-fit:cover;border-radius:10px;width:100%;height:120px}.landing-cta,.landing-footer{text-align:center}:root{--font-heading:"Manrope", "Segoe UI", sans-serif;--font-body:"DM Sans", "Trebuchet MS", sans-serif;--surface-0:#f3f6fb;--surface-1:#fff;--surface-2:#eef3fb;--line:#d5deeb;--line-strong:#bcc8db;--text:#162032;--muted:#4d5a70;--brand:#0f5f54;--brand-strong:#0b4a42;--brand-soft:#d8f1e9;--danger:#9a2620;--focus-ring:#1f8f7b;--shadow:0 14px 34px #0f284a1a}body{letter-spacing:.01em;background:radial-gradient(circle at 0 0,#e7efff 0%,#0000 35%),radial-gradient(circle at 95% 6%,#fce7d2 0%,#0000 26%),linear-gradient(#f7f9fc 0%,#edf3fb 100%)}.sidebar{background:linear-gradient(#0f1b2f 0%,#162945 100%);border-right:1px solid #ffffff14}.brand-block{background:#ffffff14;border:1px solid #ffffff29}.nav-item{border:1px solid #0000}.nav-item.active,.nav-item:hover{background:#ffffff38;border-color:#ffffff3d}.nav-item-external{border:1px dashed #ffffff57}.main-panel{padding:1.5rem 1.5rem 2.2rem}.topbar,.kpi-card,.panel-card,.product-card,.landing-section{background:color-mix(in srgb, var(--surface-1) 92%, #f8fbff 8%);border-color:var(--line);box-shadow:var(--shadow)}.topbar{border-radius:18px}.topbar-context{gap:.35rem;display:grid}.topbar-context p{color:var(--muted);font-weight:500}.context-badge{text-transform:uppercase;letter-spacing:.08em;color:#334155;background:#e2e8f0;border-radius:999px;width:fit-content;padding:.24rem .62rem;font-size:.72rem;font-weight:700;display:inline-flex}.context-badge-panel{color:#1d4ed8;background:#dbeafe}input,select,textarea{border:1px solid var(--line);background:var(--surface-1);color:var(--text)}button,.btn-primary,.btn-ghost,.btn-danger,.nav-item,.cart-pill,.runtime-nav-link,a{transition:all .18s}.btn-primary{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-strong) 100%);border-color:color-mix(in srgb, var(--brand-strong) 80%, #000 20%)}.btn-primary:hover{filter:brightness(1.04)}.btn-primary-strong{padding:.7rem 1.08rem;font-weight:700}.btn-ghost{border-color:var(--line-strong);background:var(--surface-1)}.btn-ghost:hover{background:var(--surface-2)}.cart-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:.45rem .75rem}.cart-pill:hover{background:#dbeafe}.constructor-publish-card{background:linear-gradient(160deg,#f7fffc 0%,#effbf7 100%);border:1px solid #7ed8c7}.constructor-priority-copy{color:#2b4b5a;margin-top:.35rem}.constructor-priority-actions{margin-top:.8rem}.constructor-block-palette{grid-template-columns:1fr;gap:.5rem;display:grid}.constructor-block-item{text-align:left;background:linear-gradient(#fff 0%,#f5f9ff 100%);border:1px solid #c7d6ec;border-radius:12px;padding:.65rem .7rem}.constructor-block-item strong{margin-bottom:.2rem;display:block}.constructor-block-item small{color:var(--muted)}.constructor-layer-list{gap:.45rem;display:grid}.constructor-layer-row-drop{border-radius:10px;outline:2px dashed #2c7be5}.constructor-layer-item{text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:.5rem .6rem}.constructor-layer-item-active{border-color:#2c7be5;box-shadow:0 0 0 2px #2c7be533}.constructor-preview-frame{background:#f5f7fb;border:1px solid #cfd9e8;border-radius:14px;padding:.5rem}.landing-editor-hovered{outline-offset:2px;outline:2px dashed #2c7be5}.landing-editor-selected{outline-offset:2px;outline:3px solid #155eef}.landing-text-body{white-space:pre-wrap;line-height:1.6}.landing-image-block{border-radius:12px;width:100%}.landing-columns{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.landing-columns-reverse{direction:rtl}.landing-columns-reverse>*{direction:ltr}.landing-column-card{background:#fff;border:1px solid #d4dfef;border-radius:12px;padding:.85rem}.constructor-diagnostic-state{border:1px solid var(--line);color:var(--muted);background:#f8fbff;border-radius:999px;align-items:center;gap:.45rem;margin:.5rem 0 .7rem;padding:.32rem .68rem;font-size:.88rem;display:inline-flex}.status-light{background:#9ca3af;border-radius:999px;width:.66rem;height:.66rem;box-shadow:0 0 0 4px #9ca3af29}.status-light-ok{background:#15803d;box-shadow:0 0 0 4px #15803d2e}.status-light-warn{background:#b45309;box-shadow:0 0 0 4px #b4530929}.status-light-error{background:#b91c1c;box-shadow:0 0 0 4px #b91c1c2e}.status-light-loading{background:#2563eb;box-shadow:0 0 0 4px #2563eb29}.status-light-idle{background:#6b7280}:focus-visible,button:focus-visible,.btn-primary:focus-visible,.btn-ghost:focus-visible,.btn-danger:focus-visible,.nav-item:focus-visible,.cart-pill:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (width<=960px){.main-panel{padding:1rem .95rem 1.5rem}.topbar,.panel-card{border-radius:14px}.constructor-priority-actions,.constructor-priority-actions>*{width:100%}.constructor-workspace{grid-template-columns:1fr}.constructor-column-left,.constructor-column-right{max-height:none;position:static;overflow:visible}.constructor-layer-row{grid-template-columns:1fr}.constructor-preview-frame{min-height:56vh}.constructor-publication-stack{width:100%}.builder-shell{padding:.8rem}.builder-topbar,.builder-topbar-left,.builder-topbar-actions{flex-direction:column;align-items:flex-start;width:100%}.builder-topbar-actions>*{width:100%}.app-shell{grid-template-columns:1fr}.sidebar{border-radius:0 0 18px 18px;min-height:auto;position:static}.nav-group{flex-flow:wrap}.two-columns,.filters-row,.cart-item{grid-template-columns:1fr}.topbar,.cart-footer,.page-header,.constructor-panel-header{flex-direction:column;align-items:flex-start}.landing-hero{grid-template-columns:1fr}.custom-landing-frame{min-height:460px}.auth-pill{border-radius:12px;width:100%}}.builder-shell{color:#0f172a;background:#f4f7fb;min-height:100vh}.builder-topbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-bottom:1px solid #d9e2ef;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:sticky;top:0}.builder-topbar-left{align-items:center;gap:.8rem;display:flex}.builder-topbar-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#64748b;font-size:.74rem}.builder-topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.builder-topbar-tools{background:#f8fbff;border:1px solid #d9e3f1;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem;display:inline-flex}.builder-chip-group{align-items:center;gap:.25rem;display:inline-flex}.builder-chip{color:#475569;background:0 0;border:1px solid #0000;border-radius:999px;padding:.25rem .6rem;font-size:.78rem;font-weight:600}.builder-chip-active{color:#1e3a8a;background:#dbeafe;border-color:#bfdbfe}.builder-toggle{color:#475569;align-items:center;gap:.35rem;padding:0 .25rem;font-size:.8rem;font-weight:600;display:inline-flex}.builder-grid-control{color:#475569;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:inline-flex}.builder-grid-control select{background:#fff;border:1px solid #cdd9eb;border-radius:10px;padding:.2rem .4rem}.builder-content{grid-template-columns:minmax(0,1fr);gap:.8rem;padding:.8rem;display:grid}.builder-left-rail,.builder-right-rail{background:#fff;border:1px solid #dbe4f1;border-radius:14px;height:calc(100vh - 90px);padding:.8rem;overflow:auto}.builder-right-rail-overlay{z-index:30;opacity:0;pointer-events:none;width:min(380px,100vw - 28px);height:calc(100vh - 104px);transition:transform .16s,opacity .16s;position:fixed;top:86px;right:14px;transform:translate(calc(100% + 16px));box-shadow:0 16px 34px #0f172a2b}.builder-right-rail-open{opacity:1;pointer-events:auto;transform:translate(0)}.builder-right-rail-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.builder-canvas-stage{background:radial-gradient(circle at 12% 6%,#eff6ff 0%,#f8fafc 42%,#f1f5f9 100%);border:1px solid #dbe5f3;border-radius:16px;min-height:calc(100vh - 90px);padding:.6rem;overflow:auto}.builder-canvas-viewport{--builder-grid-size:8px;border-radius:16px;width:100%;max-width:100%;margin:0 auto;transition:max-width .16s;position:relative}.builder-canvas-viewport-tablet{max-width:768px}.builder-canvas-viewport-mobile{max-width:390px}.builder-canvas-grid-overlay{border-radius:inherit;pointer-events:none;opacity:0;background-image:linear-gradient(90deg,#3b82f61f 1px,#0000 1px),linear-gradient(#3b82f61f 1px,#0000 1px);background-size:var(--builder-grid-size) var(--builder-grid-size);transition:opacity .12s;position:absolute;inset:0}.builder-canvas-grid-overlay-visible{opacity:1}.builder-canvas-surface{z-index:1;gap:.35rem;width:100%;margin:0;display:grid;position:relative}.builder-canvas-block{background:0 0;border:1px solid #0000;border-radius:14px;transition:all .16s;position:relative}.builder-canvas-block-hovered{background:#ffffff8c;border-color:#c7d6ee}.builder-canvas-block-selected{background:#ffffffde;border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed822}.builder-canvas-block-new{animation:.95s builder-block-pop}@keyframes builder-block-pop{0%{transform:scale(.985);box-shadow:0 0 #1d4ed833}50%{transform:scale(1.002);box-shadow:0 0 0 5px #1d4ed822}to{transform:scale(1);box-shadow:0 0 #1d4ed800}}.builder-floating-toolbar{background:#fff;border:1px solid #c8d5ea;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem;display:flex;position:absolute;top:-42px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0f172a20}.builder-contextual-editor{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:4;background:#ffffffea;border:1px solid #bfdbfe;border-radius:12px;gap:.35rem;width:min(320px,100% - 1.4rem);padding:.55rem;display:grid;position:absolute;top:.7rem;right:.7rem;box-shadow:0 12px 22px #0f172a1a}.builder-contextual-editor label{color:#334155;gap:.2rem;font-size:.78rem;display:grid}.builder-move-handle{color:#334155;cursor:grab;background:#eff6ff;border:1px dashed #93c5fd;border-radius:999px;padding:.12rem .45rem;font-size:.75rem}.builder-drop-line{border-radius:10px;justify-content:center;align-items:center;min-height:18px;transition:all .12s;display:flex;position:relative}.builder-drop-line-zone,.builder-drop-line-guide{pointer-events:none;opacity:0;transition:all .12s;position:absolute}.builder-drop-line-zone{background:#3b82f61a;border-radius:10px;inset:2px}.builder-drop-line-guide{background:#2563eb;border-radius:999px;height:3px;left:10px;right:10px;box-shadow:0 0 0 2px #bfdbfebf}.builder-drop-line-active{border:1px dashed #2563eb}.builder-drop-line-active .builder-drop-line-zone,.builder-drop-line-active .builder-drop-line-guide{opacity:1}.builder-add-section{color:#1d4ed8;opacity:0;pointer-events:none;background:0 0;border:0;font-weight:600;transition:all .12s}.builder-drop-line:hover .builder-add-section,.builder-drop-line-active .builder-add-section{opacity:1;pointer-events:auto}.builder-library-list{gap:.4rem;display:grid}.builder-library-item{text-align:left;background:#fff;border:1px solid #d3deee;border-radius:10px;padding:.45rem .6rem}.builder-layer-row .builder-layer-delete{opacity:0;pointer-events:none;margin-left:auto}.builder-layer-row:hover .builder-layer-delete{opacity:1;pointer-events:auto}.builder-block-picker-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;background:#0f172a55;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.builder-block-picker{background:#fff;border:1px solid #dbe4f1;border-radius:14px;width:min(540px,100%);max-height:min(680px,100vh - 2rem);padding:.8rem;overflow:auto;box-shadow:0 18px 32px #0f172a30}.builder-block-picker-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.builder-block-search{box-sizing:border-box;color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:8px;outline:none;width:100%;margin-bottom:.75rem;padding:.45rem .7rem;font-size:.85rem}.builder-block-search::placeholder{color:#64748b}.builder-block-search:focus{border-color:#3b82f6}.builder-block-no-results{text-align:center;color:#64748b;padding:1.5rem 0;font-size:.85rem}.builder-property-form{gap:.6rem;display:grid}.builder-property-empty{color:#64748b}.builder-property-kicker{color:#475569;margin:0;font-size:.82rem}.builder-product-picker{border:1px solid #d7e1ef;border-radius:10px;gap:.35rem;max-height:220px;padding:.55rem;display:grid;overflow:auto}.builder-product-picker p{color:#334155;margin:0;font-weight:600}.builder-selected-products-order{border-top:1px solid #d7e1ef;gap:.35rem;margin-top:.5rem;padding-top:.5rem;display:grid}.builder-selected-product-row{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.builder-selected-product-actions{gap:.25rem;display:flex}.builder-testimonial-editor{gap:.6rem;display:grid}.builder-testimonial-row{border:1px solid #d7e2f0;border-radius:10px;gap:.45rem;padding:.55rem;display:grid}.builder-status{color:#0f766e;margin-top:.8rem;font-size:.9rem}.builder-inline-insert-menu{z-index:30;background:#fff;border:1px solid #d6e2f3;border-radius:14px;width:min(640px,100vw - 2rem);padding:.7rem;position:fixed;bottom:1rem;right:1rem;box-shadow:0 16px 30px #0f172a24}.builder-inline-insert-actions{flex-wrap:wrap;gap:.35rem;margin-top:.45rem;display:flex}.builder-block-hero,.builder-block-text,.builder-block-image,.builder-generic-block,.builder-block-columns{border-radius:12px;padding:1rem}.builder-inline-actions{gap:.45rem;margin-top:.6rem;display:flex}.builder-hero-image{object-fit:cover;border-radius:10px;width:100%;max-height:260px;margin-top:.65rem}.builder-block-image img,.builder-image-block{border-radius:10px;width:100%}.builder-image-resize-row{justify-content:space-between;align-items:center;gap:.4rem;margin-top:.45rem;display:flex}.builder-image-resize-handle{color:#1d4ed8;background:#eff6ff;border:1px dashed #93c5fd}.builder-block-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.builder-block-columns-reverse{direction:rtl}.builder-block-columns-reverse>*{direction:ltr}.builder-block-columns section{background:#fff;border:1px solid #d5dfef;border-radius:10px;padding:.75rem}.builder-block-products,.builder-block-cta,.builder-block-testimonials,.builder-block-button{border-radius:12px;padding:1rem}.builder-button-row{margin-top:.5rem;display:flex}.builder-object-canvas{border:1px dashed #c7d5ea;border-radius:12px;min-height:150px;margin-top:.55rem;padding:.55rem;position:relative;overflow:auto}.builder-object-frame{background:#eff6ff55;border:1px solid #93c5fd;border-radius:10px;padding:.55rem;position:relative}.builder-section-shell{border-radius:inherit;border:1px solid #d6e3f6;position:relative;overflow:hidden}.builder-object-frame-image{min-width:120px;min-height:120px;padding:.25rem}.builder-object-frame-button{justify-content:center;align-items:center;min-width:80px;min-height:36px;display:inline-flex}.builder-object-handle{color:#1e3a8a;background:#dbeafe;border:1px solid #60a5fa;border-radius:999px;width:12px;height:12px;padding:0;font-size:.7rem;line-height:1;position:absolute}.builder-object-handle-move{cursor:move;border-radius:8px;width:auto;height:auto;padding:.12rem .35rem;top:-12px;left:-12px}.builder-object-handle-resize{background:#fff}.builder-object-handle-n{cursor:ns-resize;top:-7px;left:calc(50% - 6px)}.builder-object-handle-s{cursor:ns-resize;bottom:-7px;left:calc(50% - 6px)}.builder-object-handle-e{cursor:ew-resize;top:calc(50% - 6px);right:-7px}.builder-object-handle-w{cursor:ew-resize;top:calc(50% - 6px);left:-7px}.builder-object-handle-ne{cursor:nesw-resize;top:-7px;right:-7px}.builder-object-handle-nw{cursor:nwse-resize;top:-7px;left:-7px}.builder-object-handle-se{cursor:nwse-resize;bottom:-7px;right:-7px}.builder-object-handle-sw{cursor:nesw-resize;bottom:-7px;left:-7px}.builder-object-frame-hero h2,.builder-object-frame-text h3,.builder-object-frame-column h4{margin-top:0}.builder-columns-object-canvas{min-height:280px}.builder-object-frame-column{min-width:180px}.builder-object-placeholder{color:#475569;background:#f8fbff;border:1px dashed #bfdbfe;border-radius:8px;place-items:center;height:100%;min-height:120px;font-size:.85rem;display:grid}.builder-button-preview{justify-content:center;align-items:center;font-weight:700;display:inline-flex}.builder-button-helper{color:#475569;margin:0;font-size:.8rem}.builder-product-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;display:grid}.builder-product-grid-carousel{scroll-snap-type:x mandatory;grid-auto-columns:minmax(200px,1fr);grid-auto-flow:column;display:grid;overflow-x:auto}.builder-product-grid-list{grid-template-columns:1fr;display:grid}.builder-product-grid-mosaic{grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.builder-product-grid-mosaic .builder-product-card:nth-child(3n+1){grid-column:span 8}.builder-product-grid-mosaic .builder-product-card:nth-child(3n+2),.builder-product-grid-mosaic .builder-product-card:nth-child(3n){grid-column:span 4}.builder-product-card{scroll-snap-align:start;background:#fff;border:1px solid #d7e2f0;border-radius:10px;gap:.35rem;padding:.6rem;display:grid}.builder-product-grid-list .builder-product-card{grid-template-columns:140px 1fr;align-items:start}.builder-product-grid-list .builder-product-card img{height:100%;min-height:120px}.builder-product-card img{object-fit:cover;border-radius:8px;width:100%;height:120px}.builder-testimonial-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem;display:grid}.builder-testimonial-card{background:#fff;border:1px solid #d9e3ef;border-radius:10px;gap:.35rem;padding:.65rem;display:grid}.builder-testimonial-card img{object-fit:cover;border-radius:999px;width:38px;height:38px}.constructor-manager-page{gap:.9rem;display:grid}.constructor-manager-list{gap:.65rem;display:grid}.constructor-manager-item{background:#fff;border:1px solid #d6dfed;border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;gap:.7rem;padding:.85rem;display:grid}.constructor-manager-item-main p{color:#64748b}.public-shell{color:#0f172a;background:linear-gradient(#f8fbff 0%,#eef3fb 100%);min-height:100vh}.public-topbar{z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffea;border-bottom:1px solid #d8e3f1;justify-content:space-between;align-items:center;padding:.85rem 1.2rem;display:flex;position:sticky;top:0}.public-brand{color:#102a43;font-size:1.15rem;font-weight:800}.public-nav{align-items:center;gap:.5rem;display:flex}.public-nav a{color:#1e3a5f;border:1px solid #d4deed;border-radius:999px;padding:.32rem .75rem;font-weight:600}.public-nav a.active{color:#fff;background:#1e3a8a;border-color:#1e3a8a}.public-content{max-width:1240px;margin:0 auto;padding:1rem}.public-page-section{gap:.9rem;display:grid}.public-page-header h1{margin-bottom:.25rem;font-size:clamp(1.6rem,2.7vw,2.3rem)}.public-page-header p{color:#475569}.public-toast{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:10px;padding:.55rem .65rem}.public-card-soft{border:1px solid #d8e3f2;box-shadow:0 12px 24px #0f172a12}.public-product-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem;display:grid}.public-product-card{background:#fff;border:1px solid #d4dfef;border-radius:14px;gap:.65rem;padding:.7rem;transition:transform .18s,box-shadow .18s;display:grid}.public-product-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a1f}.public-product-card img{object-fit:cover;border-radius:10px;width:100%;height:180px}.public-product-detail{background:#fff;border:1px solid #d4dfef;border-radius:16px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1rem;padding:.9rem;display:grid}.public-product-detail img{object-fit:cover;border-radius:12px;width:100%;min-height:360px}.public-product-detail-copy{gap:.7rem;display:grid}@media (width<=960px){.public-topbar{flex-direction:column;align-items:flex-start;gap:.55rem}.public-product-detail{grid-template-columns:1fr}}.constructor-manager-item-meta{gap:.4rem;display:flex}@media (width<=1200px){.builder-content{grid-template-columns:1fr}.builder-right-rail{grid-column:1/-1;height:auto}}@media (width<=960px){.builder-content{grid-template-columns:1fr}.builder-left-rail,.builder-right-rail{height:auto}.builder-right-rail-overlay{width:auto;height:calc(100vh - 88px);top:76px;left:8px;right:8px}.builder-topbar{flex-direction:column;align-items:flex-start;gap:.6rem}.builder-topbar-tools{border-radius:14px;flex-wrap:wrap;width:100%}.builder-block-columns{grid-template-columns:1fr}.builder-contextual-editor{width:100%;margin-top:.45rem;position:static}.builder-product-grid-mosaic{grid-template-columns:repeat(1,minmax(0,1fr))}.builder-product-grid-mosaic .builder-product-card:nth-child(3n+1),.builder-product-grid-mosaic .builder-product-card:nth-child(3n+2),.builder-product-grid-mosaic .builder-product-card:nth-child(3n){grid-column:auto}}.kpi-card{transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kpi-card__label{color:var(--text-secondary);font-size:var(--text-sm)}.kpi-card__value{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold)}.kpi-card__hint{color:var(--text-muted);font-size:var(--text-xs)}.skeleton{background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-shine) 50%, var(--skeleton-base) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer;display:block}.skeleton-card,.skeleton-kpi-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-5)}.skeleton-table{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);overflow:hidden}.skeleton-table__header{border-bottom:1px solid var(--surface-border);background:var(--surface-bg)}.skeleton-table__row+.skeleton-table__row{border-top:1px solid var(--surface-border)}.empty-state{padding:var(--space-12) var(--space-8);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-state__icon{color:var(--color-neutral-300);margin-bottom:var(--space-2);transition:color var(--transition-normal)}.empty-state--error .empty-state__icon{color:var(--color-danger-500);opacity:.6}.empty-state__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.empty-state__description{font-size:var(--text-sm);color:var(--text-secondary);max-width:320px;margin:0}.empty-state__cta{margin-top:var(--space-3);padding:var(--space-2) var(--space-5)}.btn-primary,.btn-ghost,.btn-danger,[class*=btn-]{transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast)}.btn-primary:hover,.btn-ghost:hover,.btn-danger:hover,[class*=btn-]:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active,.btn-ghost:active,.btn-danger:active,[class*=btn-]:active{box-shadow:none;transform:scale(.97)translateY(0)}.nav-item{transition:color var(--transition-fast);position:relative;overflow:hidden}.nav-item:before{content:"";background:var(--color-primary-50);transition:transform var(--transition-normal);z-index:-1;border-radius:inherit;position:absolute;inset:0;transform:translate(-100%)}.nav-item:hover:before{transform:translate(0)}.nav-item.active:before{background:var(--color-primary-100);transform:translate(0)}.modal-overlay{animation:fadeIn var(--transition-normal) ease both}.modal-content,[role=dialog]{animation:scaleIn var(--transition-normal) ease both;transform-origin:50%}.page-enter{animation:slideUp var(--transition-slow) ease both}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;max-width:380px;width:calc(100vw - var(--space-12));flex-direction:column;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);pointer-events:all;animation:toastIn var(--transition-slow) ease both;border-left:3px solid #0000;display:flex;position:relative;overflow:hidden}.toast--success{border-left-color:var(--color-success-500)}.toast--error{border-left-color:var(--color-danger-500)}.toast--warning{border-left-color:var(--color-warning-500)}.toast--info{border-left-color:var(--color-primary-500)}.toast__icon{flex-shrink:0;margin-top:1px}.toast--success .toast__icon{color:var(--color-success-500)}.toast--error .toast__icon{color:var(--color-danger-500)}.toast--warning .toast__icon{color:var(--color-warning-500)}.toast--info .toast__icon{color:var(--color-primary-500)}.toast__body{flex:1;min-width:0}.toast__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight);margin:0}.toast__description{font-size:var(--text-xs);color:var(--text-secondary);margin:var(--space-1) 0 0;line-height:var(--leading-normal)}.toast__close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:2px;line-height:0}.toast__close:hover{color:var(--text-primary)}.toast__progress{opacity:.3;transform-origin:0;background:currentColor;width:100%;height:2px;position:absolute;bottom:0;left:0}.toast--success .toast__progress{color:var(--color-success-500)}.toast--error .toast__progress{color:var(--color-danger-500)}.toast--warning .toast__progress{color:var(--color-warning-500)}.toast--info .toast__progress{color:var(--color-primary-500)}.cmd-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);animation:fadeIn var(--transition-fast) ease both;background:#0006;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.cmd-palette{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-xl);width:100%;max-width:560px;box-shadow:var(--shadow-xl);animation:scaleIn var(--transition-fast) ease both;flex-direction:column;max-height:70vh;display:flex;overflow:hidden}.cmd-input-wrap{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--surface-border);display:flex}.cmd-search-icon{color:var(--text-muted);flex-shrink:0}.cmd-input{font-size:var(--text-md);color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.cmd-input::placeholder{color:var(--text-muted)}.cmd-clear{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;padding:2px;line-height:0}.cmd-clear:hover{color:var(--text-primary)}.cmd-list{padding:var(--space-2) 0;flex:1;overflow-y:auto}.cmd-group{padding:0 var(--space-2);margin-bottom:var(--space-2)}.cmd-group-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-3)}.cmd-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.cmd-item:hover,.cmd-item--active{background:var(--color-primary-50)}.cmd-item-icon{color:var(--text-muted);flex-shrink:0;line-height:0}.cmd-item--active .cmd-item-icon{color:var(--color-primary-600)}.cmd-item-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.cmd-item-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cmd-item-desc{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cmd-item-enter{font-size:var(--text-xs);color:var(--text-muted);border:1px solid var(--surface-border);border-radius:var(--radius-sm);opacity:0;transition:opacity var(--transition-fast);padding:1px 4px}.cmd-item--active .cmd-item-enter{opacity:1}.cmd-empty{text-align:center;padding:var(--space-10) var(--space-6);color:var(--text-muted);font-size:var(--text-sm)}.cmd-footer{gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--surface-border);background:var(--surface-bg);display:flex}.cmd-footer span{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);display:flex}.cmd-footer kbd{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);padding:0 4px}.onboarding{bottom:var(--space-6);left:var(--space-6);background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-xl);width:320px;box-shadow:var(--shadow-xl);z-index:calc(var(--z-toast) - 1);animation:slideUp var(--transition-slow) ease both;position:fixed;overflow:hidden}.onboarding--minimized{width:auto;min-width:200px}.onboarding__header{padding:var(--space-3) var(--space-4);background:var(--color-primary-600);color:#fff;justify-content:space-between;align-items:center;display:flex}.onboarding__header-left{align-items:center;gap:var(--space-2);display:flex}.onboarding__header-actions{gap:var(--space-1);display:flex}.onboarding__progress-label{font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0}.onboarding__btn-icon{border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:background var(--transition-fast);background:#fff3;border:none;padding:3px;line-height:0}.onboarding__btn-icon:hover{background:#ffffff4d}.onboarding__progress-bar{background:var(--color-primary-100);height:3px}.onboarding__progress-fill{background:var(--color-primary-600);height:100%;transition:width var(--transition-slow) ease}.onboarding__steps{padding:var(--space-2) 0;margin:0;list-style:none}.onboarding__step{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:background var(--transition-fast);display:flex}.onboarding__step:hover{background:var(--surface-bg)}.onboarding__step--done{opacity:.6}.onboarding__step-check{border-radius:var(--radius-full);border:2px solid var(--surface-border);width:28px;height:28px;color:var(--text-muted);background:var(--surface-bg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.onboarding__step--done .onboarding__step-check{background:var(--color-success-500);border-color:var(--color-success-500);color:#fff}.onboarding__step-icon{color:var(--text-muted);line-height:0}.onboarding__step-body{flex:1;min-width:0}.onboarding__step-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin:0}.onboarding__step--done .onboarding__step-title{color:var(--text-muted);text-decoration:line-through}.onboarding__step-desc{font-size:var(--text-xs);color:var(--text-muted);margin:2px 0 0}.onboarding__step-cta{background:var(--color-primary-50);color:var(--color-primary-600);border:1px solid var(--color-primary-200);border-radius:var(--radius-sm);padding:3px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap;flex-shrink:0}.onboarding__step-cta:hover{background:var(--color-primary-100)}.onboarding__complete{padding:var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.onboarding-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.onboarding-confetti__piece{animation:linear both confetti-fall;position:absolute;top:0}.constructor-manager-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.constructor-manager-item{flex-direction:column;align-items:stretch;padding:0;display:flex;overflow:hidden}.constructor-manager-item-body{flex-direction:column;flex:1;gap:.5rem;padding:.85rem;display:flex}.constructor-manager-item-body .constructor-manager-actions{margin-top:auto;padding-top:.5rem}.page-card__thumbnail{aspect-ratio:16/9;border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:1px solid var(--surface-border);background:var(--surface-bg);width:100%;overflow:hidden}.page-card__thumbnail-img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow);display:block}.constructor-manager-item:hover .page-card__thumbnail-img,.panel-card:hover .page-card__thumbnail-img{transform:scale(1.02)}