:root{--color-ink: #161616;--color-editor-ink: #674E3E;--color-paper: #FFFFFF;--color-canvas: #F5F1E8;--color-editor-canvas-base: #DDE0E3;--color-editor-canvas-overlay: rgba(255, 255, 255, .58);--color-surface: #ECE8DF;--color-muted: #686868;--color-placeholder-active: color-mix(in srgb, var(--color-muted) 40%, transparent);--color-border: #C9C5BC;--color-accent: #8A664F;--color-focus: #155EEF;--color-success: #18794E;--color-warning: #9A6700;--color-danger: #B42318;--color-modal-backdrop: rgba(255, 255, 255, .84);--color-ink-soft: color-mix(in srgb, var(--color-ink) 72%, var(--color-paper));--color-border-soft: color-mix(in srgb, var(--color-border) 56%, var(--color-paper));--color-accent-soft: color-mix(in srgb, var(--color-accent) 12%, var(--color-paper));--color-focus-soft: color-mix(in srgb, var(--color-focus) 12%, var(--color-paper));--color-success-soft: color-mix(in srgb, var(--color-success) 12%, var(--color-paper));--color-warning-soft: color-mix(in srgb, var(--color-warning) 12%, var(--color-paper));--color-danger-soft: color-mix(in srgb, var(--color-danger) 10%, var(--color-paper));--font-ui: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: JetBrainsMono, "JetBrains Mono", Consolas, monospace;--font-display: var(--font-ui);--font-body: var(--font-ui);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--radius-panel: 0;--radius-control: 2px;--radius-pill: 999px;--control-height: 44px;--control-height-compact: 36px;--topbar-h: 48px;--shadow-pop: 0 12px 32px rgba(22, 22, 22, .16);--shadow-card: none;--shadow-accent: none;--shadow-editor-section-color: rgba(22, 22, 22, .18);--shadow-editor-entry-color: rgba(22, 22, 22, .17);--shadow-editor-element-color: rgba(22, 22, 22, .22);--shadow-editor-active-color: rgba(21, 94, 239, .22);--shadow-editor-section: 0 8px 20px var(--shadow-editor-section-color);--shadow-editor-entry: 0 5px 14px var(--shadow-editor-entry-color);--shadow-editor-element: 0 2px 7px var(--shadow-editor-element-color);--shadow-editor-active: 0 4px 12px var(--shadow-editor-active-color);--shadow-editor-skills: 0 0 8px 1px var(--shadow-editor-element-color);--shadow-editor-skills-active: 0 0 10px 1px var(--shadow-editor-active-color);--motion-fast: .12s;--motion-standard: .2s;--motion-slow: .32s;--motion-ease: cubic-bezier(.2, 0, 0, 1);--z-sticky: 100;--z-popover: 200;--z-modal: 300;--z-editor-affordance: 400;--z-editor-context: 410;--z-editor-selection: 420;--z-toast: 500;--primary-bg: var(--color-paper);--secondary-bg: var(--color-paper);--surface: var(--color-paper);--surface-2: var(--color-surface);--bg-cream: var(--color-canvas);--chrome-ink: var(--color-ink);--chrome-muted: var(--color-muted);--chrome-border: var(--color-border);--chrome-surface: var(--color-paper);--chrome-control: var(--color-surface);--chrome-hover: var(--color-accent-soft);--chrome-accent: var(--color-ink);--chrome-accent-strong: var(--color-ink);--chrome-shadow: none;--accent: var(--color-accent);--accent-strong: var(--color-ink);--accent-soft: var(--color-accent-soft);--accent-grad: var(--color-ink);--on-accent: var(--color-paper);--gold: var(--color-accent);--gold-deep: var(--color-accent);--gold-soft: var(--color-accent-soft);--amber: var(--color-warning);--green: var(--color-success);--primary-btn: var(--color-ink);--secondary-btn: var(--color-paper);--close-btn: var(--color-surface);--primary-font: var(--color-ink);--ink-2: var(--color-ink);--secondary-font: var(--color-muted);--muted-font: var(--color-muted);--label-font: var(--color-muted);--deco-font: var(--color-accent);--border: var(--color-border);--border-soft: var(--color-border-soft);--border-line: var(--color-border);--focus: var(--color-focus);--success: var(--color-success);--success-soft: var(--color-success-soft);--warning: var(--color-warning);--warning-soft: var(--color-warning-soft);--danger: var(--color-danger);--danger-soft: var(--color-danger-soft);--r-xl: var(--radius-panel);--r-lg: var(--radius-panel);--r-md: var(--radius-control);--r-sm: var(--radius-control);--primary-font-family: var(--font-ui);--secondary-font-family: var(--font-ui)}html{color-scheme:light;background:var(--color-paper);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-ui)}button,input,select,textarea{font:inherit}button,a,input,select,textarea,[tabindex]:not([tabindex="-1"]){-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::selection{background:var(--color-accent-soft);color:var(--color-ink)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes indet{0%{transform:translate(-100%)}50%{transform:translate(60%)}to{transform:translate(220%)}}@keyframes popIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-220px 0}to{background-position:320px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}body{font-family:var(--font-ui);color:var(--color-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--color-canvas);overflow-x:hidden}.route-loading{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:14px;background:var(--color-canvas);color:var(--chrome-ink);font:700 12px/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase}.route-loading span{width:28px;height:28px;border:2px solid var(--chrome-border);border-top-color:var(--chrome-accent);border-radius:50%;animation:route-loading-spin .7s linear infinite}@keyframes route-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.route-loading span{animation:none}}.main-container{display:flex;flex-direction:row;height:100vh;height:100dvh;overflow:hidden;position:relative}.main-container.has-demo-banner{--demo-banner-h: 31px}.right-pane{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--color-editor-canvas-base)}.canvas-area{flex:1;min-width:0;min-height:0;position:relative;overflow:auto;padding:8px 0;background:var(--color-editor-canvas-overlay);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-ink) var(--color-editor-canvas-overlay)}.canvas-area::-webkit-scrollbar{width:12px;height:12px}.canvas-area::-webkit-scrollbar-track{margin:10px 0;background:var(--color-editor-canvas-overlay);border-left:1px solid var(--color-border)}.canvas-area::-webkit-scrollbar-thumb{background:var(--color-ink);border:2px solid transparent;background-clip:padding-box;border-radius:var(--radius-control);min-height:48px}.canvas-area::-webkit-scrollbar-thumb:hover{background:var(--color-accent);background-clip:padding-box}.canvas-area::-webkit-scrollbar-thumb:active{background:var(--color-ink);background-clip:padding-box}.canvas-area::-webkit-scrollbar-corner{background:transparent}.canvas-single{display:flex;justify-content:center;min-width:100%;transform:translate(0);transition:transform var(--motion-standard) var(--motion-ease)}.main-container[data-ai-assistant-open=true] .canvas-single{transform:translate(calc(-1 * var(--ai-assistant-canvas-shift, 0px)));will-change:transform}.canvas-spread{--canvas-spread-outer-gutter: 220px;display:flex;align-items:flex-start;justify-content:center;gap:18px;width:max-content;min-width:100%;padding:0 var(--canvas-spread-outer-gutter)}.editor-lazy-status{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:var(--z-toast);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);font:700 12px/1.2 var(--font-ui)}.editor-lazy-status--modal{inset:0;display:grid;place-items:center;width:100%;min-height:100dvh;padding:var(--space-6);background:color-mix(in srgb,var(--color-ink) 22%,transparent);color:var(--color-ink)}@media(max-width:720px){.canvas-area{padding-block:4px;scrollbar-gutter:auto}.canvas-spread{--canvas-spread-outer-gutter: 72px;gap:8px}.main-container[data-ai-assistant-open=true] .canvas-single{transform:none;will-change:auto}}@media(prefers-reduced-motion:reduce){.canvas-single{transition:none}}.page-canvas p{margin:0;line-height:0;padding:0}.page-canvas div,.page-canvas p,.page-canvas img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@font-face{font-family:Times-Roman;font-weight:400;font-style:normal;src:url(/fonts/TimesRoman.ttf)}@font-face{font-family:Times-Roman;font-weight:700;font-style:normal;src:url(/fonts/TimesRoman-Bold.ttf)}@font-face{font-family:Times-Roman;font-weight:400;font-style:italic;src:url(/fonts/TimesRoman-Italic.ttf)}@font-face{font-family:Times-Roman;font-weight:700;font-style:italic;src:url(/fonts/TimesRoman-BoldItalic.ttf)}@font-face{font-family:Inter;font-weight:400;font-style:normal;src:url(/fonts/Inter.ttf)}@font-face{font-family:Inter;font-weight:700;font-style:normal;src:url(/fonts/Inter-Bold.ttf)}@font-face{font-family:Inter;font-weight:400;font-style:italic;src:url(/fonts/Inter-Italic.ttf)}@font-face{font-family:Inter;font-weight:700;font-style:italic;src:url(/fonts/Inter-BoldItalic.ttf)}@font-face{font-family:Roboto;font-weight:400;font-style:normal;src:url(/fonts/Roboto.ttf)}@font-face{font-family:Roboto;font-weight:700;font-style:normal;src:url(/fonts/Roboto-Bold.ttf)}@font-face{font-family:Roboto;font-weight:400;font-style:italic;src:url(/fonts/Roboto-Italic.ttf)}@font-face{font-family:Roboto;font-weight:700;font-style:italic;src:url(/fonts/Roboto-BoldItalic.ttf)}@font-face{font-family:PlayfairDisplay;font-weight:400;font-style:normal;src:url(/fonts/PlayfairDisplay.ttf)}@font-face{font-family:PlayfairDisplay;font-weight:700;font-style:normal;src:url(/fonts/PlayfairDisplay-Bold.ttf)}@font-face{font-family:PlayfairDisplay;font-weight:400;font-style:italic;src:url(/fonts/PlayfairDisplay-Italic.ttf)}@font-face{font-family:PlayfairDisplay;font-weight:700;font-style:italic;src:url(/fonts/PlayfairDisplay-BoldItalic.ttf)}@font-face{font-family:CormorantGaramond;font-weight:400;font-style:normal;src:url(/fonts/CormorantGaramond.ttf)}@font-face{font-family:CormorantGaramond;font-weight:700;font-style:normal;src:url(/fonts/CormorantGaramond-Bold.ttf)}@font-face{font-family:CormorantGaramond;font-weight:400;font-style:italic;src:url(/fonts/CormorantGaramond-Italic.ttf)}@font-face{font-family:CormorantGaramond;font-weight:700;font-style:italic;src:url(/fonts/CormorantGaramond-BoldItalic.ttf)}@font-face{font-family:Lora;font-weight:400;font-style:normal;src:url(/fonts/Lora.ttf)}@font-face{font-family:Lora;font-weight:700;font-style:normal;src:url(/fonts/Lora-Bold.ttf)}@font-face{font-family:Lora;font-weight:400;font-style:italic;src:url(/fonts/Lora-Italic.ttf)}@font-face{font-family:Lora;font-weight:700;font-style:italic;src:url(/fonts/Lora-BoldItalic.ttf)}@font-face{font-family:Montserrat;font-weight:400;font-style:normal;src:url(/fonts/Montserrat.ttf)}@font-face{font-family:Montserrat;font-weight:700;font-style:normal;src:url(/fonts/Montserrat-Bold.ttf)}@font-face{font-family:Montserrat;font-weight:400;font-style:italic;src:url(/fonts/Montserrat-Italic.ttf)}@font-face{font-family:Montserrat;font-weight:700;font-style:italic;src:url(/fonts/Montserrat-BoldItalic.ttf)}@font-face{font-family:JetBrainsMono;font-weight:400;font-style:normal;src:url(/fonts/JetBrainsMono.ttf)}@font-face{font-family:JetBrainsMono;font-weight:700;font-style:normal;src:url(/fonts/JetBrainsMono-Bold.ttf)}@font-face{font-family:JetBrainsMono;font-weight:400;font-style:italic;src:url(/fonts/JetBrainsMono-Italic.ttf)}@font-face{font-family:JetBrainsMono;font-weight:700;font-style:italic;src:url(/fonts/JetBrainsMono-BoldItalic.ttf)}body:has(.main-container){--color-ink: var(--color-editor-ink);--color-ink-soft: color-mix(in srgb, var(--color-editor-ink) 72%, var(--color-paper));--chrome-ink: var(--color-editor-ink);--chrome-accent: var(--color-editor-ink);--chrome-accent-strong: var(--color-editor-ink);--accent-strong: var(--color-editor-ink);--accent-grad: var(--color-editor-ink);--primary-btn: var(--color-editor-ink);--primary-font: var(--color-editor-ink);--ink-2: var(--color-editor-ink)}._page_8ipzu_1{min-height:100dvh;display:grid;place-items:center;padding:clamp(24px,6vw,72px);background:var(--color-canvas);color:var(--chrome-ink);font-family:var(--font-body)}._compact_8ipzu_11{min-height:min(520px,70dvh)}._panel_8ipzu_15{width:min(100%,640px);border-top:4px solid var(--chrome-accent);border-bottom:1px solid var(--chrome-border);padding:clamp(24px,5vw,52px) 0}._eyebrow_8ipzu_22{display:block;margin-bottom:18px;color:var(--chrome-accent);font:800 11px/1 var(--font-body);letter-spacing:.14em}._panel_8ipzu_15 h1{max-width:12ch;margin:0;font:800 clamp(30px,6vw,58px)/.98 var(--font-display);letter-spacing:-.04em}._panel_8ipzu_15 p{max-width:54ch;margin:20px 0 0;color:var(--chrome-muted);font:400 14px/1.6 var(--font-body)}._actions_8ipzu_44{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}._actions_8ipzu_44 button,._actions_8ipzu_44 a{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--chrome-ink);border-radius:var(--radius-control);padding:9px 15px;background:var(--chrome-ink);color:var(--chrome-surface);font:700 12px/1.2 var(--font-body);text-decoration:none;cursor:pointer}._actions_8ipzu_44 a{background:transparent;color:var(--chrome-ink)}._actions_8ipzu_44 button:hover,._actions_8ipzu_44 a:hover{border-color:var(--chrome-accent);background:var(--chrome-accent);color:var(--chrome-surface)}._actions_8ipzu_44 button:focus-visible,._actions_8ipzu_44 a:focus-visible{outline:2px solid color-mix(in srgb,var(--chrome-accent) 70%,transparent);outline-offset:3px}