.cms-demo{--cms-toolbar-h:48px;--cms-panel-w:320px;color:var(--cms-text);background:var(--cms-bg);font-family:var(--font-inter), system-ui, sans-serif}.cms-demo-toolbar{height:var(--cms-toolbar-h);border-bottom:1px solid color-mix(in srgb, var(--cms-accent) 40%, transparent);background:color-mix(in srgb, var(--cms-bg) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 8px #00000040}.cms-demo-toolbar-inner{width:100%;max-width:72rem;margin-left:auto;margin-right:auto;padding-left:.75rem;padding-right:.75rem}@media (min-width:640px){.cms-demo-toolbar-inner{padding-left:1rem;padding-right:1rem}}@media (min-width:768px){.cms-demo-toolbar-inner--panel-open{padding-left:calc(var(--cms-panel-w) - (100vw - min(100vw, 72rem)) / 2 + .75rem)}}.cms-demo-toolbar-btn{touch-action:manipulation;white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;flex-shrink:0;padding:.25rem .75rem;font-family:inherit;font-size:10px;transition:color .15s,border-color .15s,background-color .15s,opacity .15s}.cms-demo-toolbar-btn:disabled{opacity:.5;cursor:default}.cms-demo-toolbar-btn--ghost{border:1px solid color-mix(in srgb, var(--cms-text) 30%, transparent);color:var(--cms-text);background:0 0}.cms-demo-toolbar-btn--ghost:hover:not(:disabled){border-color:var(--cms-accent);color:var(--cms-accent)}.cms-demo-toolbar-btn--accent{border:1px solid var(--cms-accent);background:var(--cms-accent);color:var(--cms-accent-text)}.cms-demo-toolbar-btn--accent:hover:not(:disabled){filter:brightness(1.08)}.cms-demo-toolbar-btn--accent:disabled{opacity:.5;cursor:default;filter:none}.cms-demo-panel{width:var(--cms-panel-w);background:var(--cms-bg);border-right:1px solid var(--cms-border);box-shadow:8px 0 24px #00000059}.cms-demo-panel-title{font-family:var(--font-cormorant), Georgia, "Times New Roman", serif;color:var(--cms-text);font-size:1.125rem;font-weight:300;line-height:1.4}.cms-demo-field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--cms-muted);margin-bottom:.375rem;font-size:10px;display:block}.cms-demo-field-label--hot{color:var(--cms-accent)}.cms-demo-input{border:1px solid var(--cms-border);background:var(--cms-input);width:100%;color:var(--cms-text);border-radius:.25rem;padding:.5rem .75rem;font-family:inherit;font-size:.875rem}.cms-demo-input:focus{border-color:var(--cms-accent);outline:none}.cms-demo-input--hot{border-color:var(--cms-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--cms-accent) 45%, transparent)}.cms-demo-accordion{border:1px solid var(--cms-border);border-radius:.25rem;overflow:hidden}.cms-demo-accordion-btn{background:var(--cms-surface);letter-spacing:.08em;text-transform:uppercase;width:100%;color:var(--cms-text);justify-content:space-between;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:11px;transition:background-color .15s;display:flex}.cms-demo-accordion-btn:hover{background:color-mix(in srgb, var(--cms-surface) 80%, var(--cms-text))}.cms-demo-chip-btn{border:1px solid color-mix(in srgb, var(--cms-accent) 60%, transparent);letter-spacing:.08em;text-transform:uppercase;color:var(--cms-accent);background:0 0;border-radius:.25rem;padding:.375rem .75rem;font-size:10px;transition:background-color .15s,border-color .15s,color .15s}.cms-demo-chip-btn:hover{background:color-mix(in srgb, var(--cms-accent) 12%, transparent)}.cms-demo-chip-btn--muted{border-color:var(--cms-border);color:var(--cms-text)}.cms-demo-chip-btn--muted:hover{border-color:var(--cms-accent);color:var(--cms-accent)}.cms-demo-pencil{z-index:5;border:1px solid color-mix(in srgb, var(--cms-accent) 50%, transparent);background:color-mix(in srgb, var(--cms-accent) 90%, transparent);min-width:2.75rem;min-height:2.75rem;color:var(--cms-accent-text);opacity:0;border-radius:.375rem;justify-content:center;align-items:center;transition:opacity .15s,background-color .15s;display:flex;position:absolute;top:.25rem;right:.25rem;box-shadow:0 2px 8px #00000040}.group:hover .cms-demo-pencil,.cms-demo-pencil:focus{opacity:1}.cms-demo-pencil:hover{background:var(--cms-accent)}.cms-demo-modal-card{border:1px solid color-mix(in srgb, var(--cms-accent) 40%, transparent);color:#1c3557;background:#f8f8f6;border-radius:.5rem;box-shadow:0 12px 40px #00000059}.cms-demo-editable-text{cursor:text;position:relative}.cms-demo-editable-text-hint{display:none}@media (hover:hover) and (pointer:fine){.cms-demo-editable-text:hover:not(.cms-demo-editable-text--focused){outline:1px dashed var(--cms-accent);outline-offset:3px}.cms-demo-editable-text:hover:not(.cms-demo-editable-text--focused)>.cms-demo-editable-text-hint{z-index:30;white-space:nowrap;pointer-events:none;border:1px solid color-mix(in srgb, var(--cms-accent) 55%, transparent);background:var(--cms-bg);color:var(--cms-accent);font-family:var(--font-inter), system-ui, sans-serif;letter-spacing:.04em;border-radius:.25rem;padding:.2rem .45rem;font-size:10px;font-weight:500;line-height:1.2;display:inline-block;position:absolute;top:0;left:auto;right:0;box-shadow:0 2px 8px #00000040}}@media (max-width:767px){.cms-demo-panel{width:min(100%,320px)}.cms-demo-editable-text{cursor:pointer}}