:root{--lily-petal: #f3b6b3;--lily-sage: #91a097;--lily-ink: #575a5d;--lily-ivory: #faf5ed;--font-title: "Lectio", serif;--font-body: "Inter", system-ui, sans-serif;--ease-soft: cubic-bezier(.4, 0, .2, 1);--transition-soft: .25s var(--ease-soft);--theme-bg: var(--lily-ivory);--theme-surface: #ffffff;--theme-text: var(--lily-ink);--theme-accent: var(--lily-petal);--petal-radius: 16px;--petal-padding: .75rem 1.25rem;--title-size: 2rem;--body-size: 1rem}header{margin-bottom:2rem}body{margin:0;font-family:var(--font-body);background:var(--theme-bg);color:var(--theme-text);transition:background-color var(--transition-soft)}h1,h2,h3{font-family:var(--font-title);font-weight:400;letter-spacing:.1em}#logo{pointer-events:none;margin-right:.5em}.petal{margin:.25rem;font-family:var(--font-title);font-weight:500;padding:var(--petal-padding);border-radius:var(--petal-radius);border:none;background:var(--theme-accent);color:var(--lily-ink);cursor:pointer;transition:transform var(--transition-soft),box-shadow var(--transition-soft)}.petal:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.surface{background:var(--theme-surface);border-radius:calc(var(--petal-radius) + 4px);padding:1.5rem;box-shadow:0 10px 30px #0000000a}.app-header{display:flex;align-items:center;gap:.75rem;padding-bottom:1.5rem;margin-bottom:2.5rem;border-bottom:1px solid color-mix(in srgb,var(--lily-ink) 8%,transparent)}.app-header h1{font-size:1.5rem;font-weight:400;letter-spacing:.12em}.app-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:stretch}.control-panel{position:sticky;display:flex;flex-direction:column;gap:1rem}.preview{min-height:300px}.control-panel>.surface,.preview>.surface{height:100%}*{box-sizing:border-box}