:root{--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-none: 0px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(15 23 42 / .06);--shadow-sm: 0 1px 3px 0 rgb(15 23 42 / .08), 0 1px 2px -1px rgb(15 23 42 / .06);--shadow-md: 0 4px 8px -2px rgb(15 23 42 / .08), 0 2px 4px -2px rgb(15 23 42 / .06);--shadow-lg: 0 12px 24px -4px rgb(15 23 42 / .12), 0 4px 8px -4px rgb(15 23 42 / .08);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 400;--z-modal: 500;--z-toast: 600;--z-tooltip: 700;--font-family-sans: Montserrat, Arial, sans-serif;--font-family-heading: "ADA Hybrid", Montserrat, Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-base: var(--font-size-md);--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--motion-fast: .12s;--motion-normal: .18s;--motion-slow: .26s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.2, 0, 0, 1.2);--ease-decelerated: cubic-bezier(0, 0, 0, 1);--layout-max-width: 1280px;--layout-content-max-width: 1280px;--layout-sidebar-expanded: 280px;--layout-sidebar-collapsed: 72px;--layout-sidebar-width: var(--layout-sidebar-expanded);--layout-topbar-height: 64px;--layout-panel-width: 420px;--layout-modal-max-width: 640px;--breakpoint-xs: 360px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--density-comfortable-row-height: 52px;--density-comfortable-field-height: 44px;--density-comfortable-spacing: 16px;--density-compact-row-height: 40px;--density-compact-field-height: 36px;--density-compact-spacing: 12px;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 24px;--icon-stroke-width: 2;--color-background: #f7f8fa;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-border: #e2e5eb;--color-border-subtle: rgb(15 23 42 / .08);--color-text: #111315;--color-text-muted: #5c6570;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-subtle: rgb(37 99 235 / .12);--color-success: #059669;--color-success-subtle: rgb(5 150 105 / .12);--color-success-text: #047857;--color-warning: #d97706;--color-warning-subtle: rgb(217 119 6 / .12);--color-warning-text: #b45309;--color-danger: #dc2626;--color-danger-text: #b91c1c;--color-danger-subtle: rgb(248 113 113 / .1);--color-info: #2563eb;--color-info-subtle: rgb(37 99 235 / .12);--color-info-text: #1d4ed8;--color-focus-ring: #2563eb;--color-link: #2563eb;--color-on-primary: #ffffff;--color-auth-gradient-start: #eef1f6;--color-auth-gradient-end: #f7f8fa;--color-secondary-subtle: rgb(99 102 241 / .08);--color-paro: #7c3aed;--color-paro-hover: #6d28d9;--color-paro-subtle: rgb(124 58 237 / .12);--color-on-paro: #ffffff;--color-bg: var(--color-background);--color-accent: var(--color-primary);--color-accent-subtle: var(--color-primary-subtle);--color-accent-contrast: var(--color-on-primary);--chart-1: #7c3aed;--chart-2: #2563eb;--chart-3: #16a34a;--chart-4: #d97706;--chart-5: #db2777;--chart-6: #0891b2;--oparo-background: var(--color-background);--oparo-surface: var(--color-surface);--oparo-surface-raised: var(--color-surface-elevated);--oparo-surface-sunken: color-mix(in srgb, var(--color-text) 6%, var(--color-surface));--oparo-surface-selected: var(--color-primary-subtle);--oparo-text: var(--color-text);--oparo-text-muted: var(--color-text-muted);--oparo-text-on-accent: var(--color-on-primary);--oparo-accent: var(--color-primary);--oparo-accent-hover: var(--color-primary-hover);--oparo-accent-active: var(--color-primary-hover);--oparo-accent-subtle: var(--color-primary-subtle);--oparo-accent-edge: var(--color-primary);--oparo-status-success: var(--color-success);--oparo-status-warning: var(--color-warning);--oparo-status-danger: var(--color-danger);--oparo-status-info: var(--color-info);--oparo-border: var(--color-border);--oparo-border-strong: var(--color-border-subtle);--oparo-focus-ring: var(--color-focus-ring);--oparo-focus-width: 3px;--oparo-focus-offset: 2px;--oparo-space-1: var(--space-1);--oparo-space-2: var(--space-2);--oparo-space-3: var(--space-3);--oparo-space-4: var(--space-4);--oparo-space-5: var(--space-5);--oparo-space-6: var(--space-6);--oparo-space-8: var(--space-8);--oparo-font-size-xs: var(--font-size-xs);--oparo-font-size-sm: var(--font-size-sm);--oparo-font-size-md: var(--font-size-md);--oparo-font-size-lg: var(--font-size-lg);--oparo-font-size-xl: var(--font-size-xl);--oparo-font-size-2xl: var(--font-size-2xl);--oparo-touch-min: 44px;--oparo-motion-ease: var(--ease-standard);--oparo-radius: var(--radius-md);--oparo-radius-sm: var(--radius-sm)}[data-theme=dark]{--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .24);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .28), 0 1px 2px -1px rgb(0 0 0 / .2);--shadow-md: 0 4px 8px -2px rgb(0 0 0 / .32), 0 2px 4px -2px rgb(0 0 0 / .24);--shadow-lg: 0 12px 24px -4px rgb(0 0 0 / .36), 0 4px 8px -4px rgb(0 0 0 / .28);--color-background: #111315;--color-surface: #171a1f;--color-surface-elevated: #1c2028;--color-border: rgb(148 163 184 / .18);--color-border-subtle: rgb(148 163 184 / .12);--color-text: #e8edf5;--color-text-muted: #94a3b8;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-subtle: rgb(59 130 246 / .18);--color-success: #10b981;--color-success-subtle: rgb(16 185 129 / .18);--color-success-text: #6ee7b7;--color-warning: #f59e0b;--color-warning-subtle: rgb(245 158 11 / .18);--color-warning-text: #fcd34d;--color-danger: #f87171;--color-danger-text: #fca5a5;--color-danger-subtle: rgb(248 113 113 / .15);--color-info: #60a5fa;--color-info-subtle: rgb(96 165 250 / .18);--color-info-text: #93c5fd;--color-focus-ring: #60a5fa;--color-link: #93c5fd;--color-on-primary: #ffffff;--color-auth-gradient-start: #1e293b;--color-auth-gradient-end: #111315;--color-secondary-subtle: rgb(129 140 248 / .12);--color-paro: #8b5cf6;--color-paro-hover: #7c3aed;--color-paro-subtle: rgb(139 92 246 / .18);--color-on-paro: #ffffff;--chart-1: #a78bfa;--chart-2: #60a5fa;--chart-3: #4ade80;--chart-4: #fbbf24;--chart-5: #f472b6;--chart-6: #22d3ee}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--oparo-background);color:var(--oparo-text);font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal)}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--oparo-accent);outline-offset:2px}.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:var(--space-2);top:-48px;z-index:var(--z-toast);background:var(--oparo-accent);color:var(--oparo-text-on-accent);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm)}.skip:focus{top:var(--space-2)}.topbar{display:flex;align-items:center;gap:var(--space-3);min-height:var(--layout-topbar-height);padding:0 var(--space-4);background:var(--oparo-surface);border-bottom:1px solid var(--color-border)}.brand{display:flex;align-items:center;gap:var(--space-2)}.spacer{flex:1}.top-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.btn{min-height:44px;padding:0 var(--space-3);background:var(--oparo-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.btn.primary{background:var(--oparo-accent);color:var(--oparo-text-on-accent);border-color:transparent}.btn.danger{color:var(--oparo-status-danger)}.pill{font-size:var(--font-size-xs);padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--oparo-accent-subtle)}.studio{display:flex;flex-direction:column;height:100%}.workspace{display:flex;flex:1;min-height:0}.canvas-wrap{flex:1;overflow:auto;padding:var(--space-6)}.canvas{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-3);align-items:start}.block{background:var(--oparo-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.block.is-selected{border-color:var(--oparo-accent);box-shadow:var(--shadow-sm)}.block[data-grabbed=true]{outline:2px solid var(--oparo-accent)}.block-bar{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-2)}.grip{min-height:44px;padding:0 var(--space-2);background:var(--oparo-surface-sunken);border:0;border-radius:var(--radius-sm);cursor:grab}.add-between{display:flex;width:100%;justify-content:center;margin-top:var(--space-3);min-height:44px;background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--oparo-text-muted)}.add-between.slim{margin-top:var(--space-2)}.inspector{width:min(360px,34vw);border-inline-start:1px solid var(--color-border);background:var(--oparo-surface);overflow:auto;padding:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.field input,.field textarea,.field select{min-height:44px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--oparo-surface)}.stack{display:flex;flex-direction:column}.muted{color:var(--oparo-text-muted)}.gate{max-width:720px;margin:0 auto;padding:var(--space-8) var(--space-4)}.gate.wide{max-width:960px}.row{display:flex;gap:var(--space-3);align-items:end;margin:var(--space-4) 0}.site-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.site-link{width:100%;text-align:start;display:flex;justify-content:space-between;min-height:52px;padding:var(--space-3);background:var(--oparo-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.empty h2{margin-bottom:var(--space-1)}.menu-pop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;background:color-mix(in srgb,var(--oparo-text) 24%,transparent)}.menu{width:min(420px,92vw);background:var(--oparo-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3)}.menu input{width:100%;min-height:44px;margin-bottom:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.menu ul{list-style:none;margin:0;padding:0;max-height:50vh;overflow:auto}.menu button[role=menuitem]{width:100%;text-align:start;min-height:44px;background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.menu button[role=menuitem]:hover,.menu button[role=menuitem]:focus{background:var(--oparo-surface-selected)}.status{display:flex;gap:var(--space-3);align-items:center;min-height:44px;padding:0 var(--space-4);border-top:1px solid var(--color-border)}.rich-tools{display:flex;gap:var(--space-1);margin-bottom:var(--space-2)}.rich-tools button{min-width:44px;min-height:44px}.tiptap{min-height:6rem}.tiptap:focus{outline:none}.preview-hero h2,.block-body h1,.block-body h2,.block-body h3{margin:0 0 var(--space-2);line-height:var(--line-height-tight)}.callout{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-info-subtle)}.callout.warning{background:var(--color-warning-subtle)}.callout.note{background:var(--oparo-surface-sunken)}.gallery{display:flex;gap:var(--space-2);flex-wrap:wrap}.gallery img,.block-body img{max-width:100%;height:auto}.shortcuts{margin-top:var(--space-6);color:var(--oparo-text-muted)}.public{max-width:var(--layout-content-max-width);margin:0 auto;padding:var(--space-8) var(--space-4)}.public-page{display:flex;flex-direction:column;gap:var(--space-6)}.public-hero h1{margin:0;font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}.public-gallery{padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.public a{color:var(--color-link)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){.workspace{flex-direction:column}.inspector{width:100%;border-inline-start:0;border-top:1px solid var(--color-border)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.media-dialog,.confirm-dialog{width:min(960px,calc(100vw - var(--space-6)));max-height:calc(100vh - var(--space-8));padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--oparo-surface);color:var(--oparo-text)}.confirm-dialog{width:min(480px,calc(100vw - var(--space-6)))}.media-dialog::backdrop,.confirm-dialog::backdrop{background:var(--oparo-overlay, rgba(0, 0, 0, .45))}.media-head,.media-layout{display:flex;gap:var(--space-4)}.media-head{align-items:center;justify-content:space-between}.media-list{flex:1;min-width:0}.media-detail{width:280px}.media-grid{list-style:none;padding:0;margin:var(--space-3) 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.media-card,.focal{display:flex;flex-direction:column;gap:var(--space-1);width:100%;min-height:44px;padding:var(--space-2);background:var(--oparo-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:start}.media-card img,.focal img{width:100%;height:96px;object-fit:cover}.focal{position:relative;height:180px;padding:0}.focal img{height:100%}.focal-mark{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border:2px solid var(--oparo-text-on-accent, #fff);border-radius:50%;background:var(--oparo-accent)}.media-kind{display:grid;place-items:center;height:96px;color:var(--oparo-text-muted, var(--oparo-text))}.media-switch{border:0;padding:0;display:flex;gap:var(--space-3)}@media(max-width:800px){.media-layout{flex-direction:column}.media-detail{width:100%}}