:root{color-scheme:light;font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif;background:radial-gradient(circle at top left,rgba(214,135,74,.16),transparent 28rem),radial-gradient(circle at bottom right,rgba(82,111,108,.18),transparent 32rem),#f6f0e4;color:#1d1710;--paper: rgba(248, 242, 231, .92);--paper-strong: rgba(250, 245, 236, .97);--ink-soft: rgba(29, 23, 16, .7);--line: rgba(72, 55, 38, .15);--line-strong: rgba(72, 55, 38, .28);--shadow: 0 18px 50px -34px rgba(66, 47, 29, .5)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh}button,textarea{font:inherit}button{cursor:pointer}#app{width:min(1560px,100%);margin:0 auto;padding:clamp(1rem,2vw,1.75rem)}.app-shell{display:grid;gap:clamp(1rem,1.6vw,1.4rem)}.masthead,.control-strip,.stage-panel,.inspector-panel{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.masthead{position:relative;overflow:hidden;border-radius:2rem;padding:clamp(1.35rem,2.6vw,2.3rem);display:grid;gap:1.35rem}.masthead:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(214,135,74,.12),transparent 36%),linear-gradient(300deg,rgba(82,111,108,.12),transparent 42%);pointer-events:none}.eyebrow{position:relative;margin:0;text-transform:uppercase;letter-spacing:.24em;font-size:.72rem;color:var(--ink-soft)}.masthead-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(17rem,.7fr);gap:1rem 2rem;align-items:start}.hero-copy h1{margin:0;max-width:14ch;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(2.7rem,5vw,5.1rem);line-height:.95;letter-spacing:-.04em;text-wrap:balance}.hero-copy p{margin:.95rem 0 0;max-width:57ch;color:var(--ink-soft);font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.65}.hero-note{display:grid;gap:.8rem;align-self:end;padding:1rem 1.1rem;border-radius:1.4rem;background:#fffcf6d6;border:1px solid rgba(72,55,38,.12)}.hero-note strong{font-size:.82rem;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-soft)}.hero-note p{margin:0;line-height:1.55;color:#2f2418}.control-strip{border-radius:1.5rem;padding:.9rem 1rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.control-group{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.control-label{margin:0;font-size:.76rem;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-soft)}.pill-button,.ghost-button,.chip-button{border:1px solid transparent;border-radius:999px;padding:.72rem 1rem;transition:background .18s ease,transform .18s ease,border-color .18s ease}.pill-button{background:#20180f;color:#f7f0e2;box-shadow:0 12px 30px -22px #1d1710e6}.pill-button:hover,.ghost-button:hover,.chip-button:hover{transform:translateY(-1px)}.ghost-button,.chip-button{color:#2b2014;background:#fffaf1b8;border-color:#48372629}.chip-button[aria-pressed=true]{background:#e7d3b6;border-color:#48372657}.status-copy{margin:0;color:var(--ink-soft);line-height:1.5}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(18rem,.82fr);gap:clamp(1rem,1.8vw,1.4rem)}.stage-panel{border-radius:2rem;overflow:hidden}.stage-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;padding:1.2rem 1.3rem 1rem;border-bottom:1px solid var(--line);background:#fff9f0d1}.stage-title{margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:1.45rem;letter-spacing:-.03em}.stage-caption{margin:.35rem 0 0;color:var(--ink-soft);line-height:1.5}.stage-meta{margin:0;white-space:nowrap;color:var(--ink-soft);font-size:.95rem}.stage-shell{padding:clamp(.9rem,1.5vw,1.3rem)}.stage-canvas{position:relative;min-height:clamp(34rem,68vw,54rem);border-radius:1.6rem;overflow:hidden;background:linear-gradient(rgba(134,108,76,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(134,108,76,.08) 1px,transparent 1px),linear-gradient(180deg,#fffcf7f0,#f6efe3eb);background-size:1.6rem 1.6rem,1.6rem 1.6rem,100% 100%;border:1px solid rgba(72,55,38,.16);box-shadow:inset 0 1px #ffffffbf}.stage-canvas:before,.stage-canvas:after{content:"";position:absolute;pointer-events:none}.stage-canvas:before{top:1.2rem;right:1.2rem;bottom:1.2rem;left:1.2rem;border:1px dashed rgba(72,55,38,.14);border-radius:1.1rem}.stage-canvas:after{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(214,135,74,.12),transparent 26rem),radial-gradient(circle at bottom right,rgba(82,111,108,.14),transparent 30rem)}.stage-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ink-soft)}.text-body{position:absolute;display:block;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.text-body.dragging{cursor:grabbing;z-index:30}.text-body.selected .body-handle{background:color-mix(in oklab,var(--body-accent) 28%,white);border-color:color-mix(in oklab,var(--body-accent) 55%,rgba(72,55,38,.2))}.body-handle{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:.55rem;max-width:100%;border-radius:999px;padding:.45rem .78rem;background:color-mix(in oklab,var(--body-accent) 16%,white);border:1px solid rgba(72,55,38,.18);box-shadow:0 10px 20px -18px #1e181299;color:#2b2014;font-size:.83rem;font-weight:600;letter-spacing:.01em}.body-handle:before{content:"";width:.7rem;height:.7rem;border-radius:999px;background:var(--body-accent);box-shadow:0 0 0 .18rem color-mix(in oklab,var(--body-accent) 18%,transparent);flex:none}.body-lines{position:absolute;top:36px;right:0;bottom:0;left:0}.body-line{position:absolute;left:0;white-space:pre;font-size:1.125rem;line-height:1;font-weight:500;letter-spacing:.005em;color:color-mix(in oklab,var(--body-accent) 24%,#1a140d);padding:.15rem .34rem .2rem;border-radius:.45rem;background:color-mix(in oklab,var(--body-accent) 12%,rgba(255,250,243,.9));box-shadow:0 10px 18px -20px #1e1812b3}.inspector{display:grid;gap:clamp(.9rem,1.4vw,1.2rem);align-content:start}.inspector-panel{border-radius:1.5rem;padding:1rem;display:grid;gap:.85rem}.inspector-heading,.inspector-title{margin:0}.inspector-heading{font-size:.78rem;text-transform:uppercase;letter-spacing:.2em;color:var(--ink-soft)}.inspector-title{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:1.6rem;letter-spacing:-.03em}.inspector-copy,.microcopy{margin:0;color:var(--ink-soft);line-height:1.55}.body-list{display:grid;gap:.55rem}.body-chip{display:grid;gap:.22rem;justify-items:start;padding:.8rem .95rem;border-radius:1.1rem;border:1px solid rgba(72,55,38,.12);background:#fffbf5d1;text-align:left}.body-chip.active{border-color:color-mix(in oklab,var(--chip-accent) 48%,rgba(72,55,38,.2));background:color-mix(in oklab,var(--chip-accent) 14%,rgba(255,251,245,.9))}.body-chip strong{display:inline-flex;align-items:center;gap:.55rem}.body-chip strong:before{content:"";width:.72rem;height:.72rem;border-radius:999px;background:var(--chip-accent);flex:none}.body-chip span{color:var(--ink-soft)}.editor-label{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-soft)}.body-editor{width:100%;min-height:14rem;resize:vertical;padding:1rem;border-radius:1.1rem;border:1px solid rgba(72,55,38,.18);background:#fffcf7eb;color:#231910;line-height:1.58;box-shadow:inset 0 1px #ffffffb3}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.metric{border-radius:1.05rem;padding:.8rem .9rem;background:#fffbf5d1;border:1px solid rgba(72,55,38,.1)}.metric strong{display:block;font-size:1.25rem;line-height:1}.metric span{display:block;margin-top:.3rem;color:var(--ink-soft)}.footer-note{color:var(--ink-soft);font-size:.94rem;line-height:1.55}@media(max-width:1120px){.masthead-grid,.workspace{grid-template-columns:1fr}.hero-note{max-width:38rem}}@media(max-width:720px){#app{padding:.85rem}.masthead{border-radius:1.55rem}.control-strip,.inspector-panel,.stage-panel{border-radius:1.25rem}.metrics-grid{grid-template-columns:1fr 1fr}.body-line{font-size:1rem}}