@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@1,6..72,500&display=swap";:root{color:#20211f;background:#f1f0ea;font-family:Manrope,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #20211f;--muted: #73756f;--line: #d8d7d0;--paper: #fbfaf6;--green: #214c3d;--lime: #c7f36b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.editor-page{min-height:100vh;background:var(--paper)}.editor-page .toolbar{position:sticky;top:0;z-index:10}.editor-page .editor-surface{min-height:calc(100vh - 52px)}.editor-page .editor-surface>.tiptap{min-height:calc(100vh - 162px)}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.03em}.brand__mark{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:5px;font-family:DM Mono,monospace;font-size:13px}.site-header nav{display:flex;gap:28px;color:#555751;font-size:13px;font-weight:600}.site-header nav a:hover{color:var(--green)}.hero{padding:76px 0 58px;max-width:820px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--green);font:500 12px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #c7f36b40}.hero h1{margin:22px 0 16px;font-size:clamp(52px,8vw,94px);font-weight:500;line-height:.89;letter-spacing:-.075em}.hero h1 em{color:var(--green);font-family:Newsreader,serif;font-weight:500;letter-spacing:-.05em}.hero>p{max-width:680px;margin:28px 0 0;color:#5c5e58;font-size:17px;line-height:1.75}.demo{overflow:hidden;background:var(--paper);border:1px solid #cbc9c0;border-radius:10px;box-shadow:0 26px 70px #2d30271c}.demo__topbar{min-height:59px;padding:0 16px 0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.document-name{display:flex;align-items:center;gap:10px;font:500 12px DM Mono,monospace;color:#5a5c57}.status-dot{width:7px;height:7px;background:#65ae55;border-radius:50%;display:inline-block}.view-tabs{display:flex;padding:4px;gap:2px;background:#e9e8e2;border-radius:7px}.view-tab{height:31px;padding:0 11px;display:flex;align-items:center;gap:7px;border:0;border-radius:5px;background:transparent;color:#74766f;cursor:pointer;font-size:11px;font-weight:600}.view-tab[aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #00000014}.toolbar{min-height:52px;padding:7px 16px;display:flex;align-items:center;gap:8px;overflow-x:auto;border-bottom:1px solid var(--line);background:#f7f6f1}.tool-group{display:flex;gap:2px}.toolbar__divider{flex:0 0 1px;width:1px;height:22px;background:var(--line)}.tool-button{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:transparent;cursor:pointer}.tool-button:hover:not(:disabled){background:#e8e7e0}.tool-button[aria-pressed=true]{color:#fff;background:var(--green)}.tool-button:disabled{opacity:.32;cursor:not-allowed}.tool-button--accent{color:var(--green);background:#e6efd6}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.image-upload-tool{width:92px;flex:0 0 92px;display:grid;grid-template-columns:32px 28px 32px;align-items:center}.image-upload-progress{color:var(--muted);font:500 9px DM Mono,monospace;text-align:center}.prose img[data-image-upload-status]{opacity:.58;outline:2px solid #6d8f7c;outline-offset:3px}.prose img[data-image-upload-status=error],.prose img[data-image-upload-status=canceled]{outline-color:#b75c4c}.editor-surface{min-height:570px;padding:55px max(32px,calc((100% - 760px)/2));background:var(--paper)}.editor-surface>.tiptap{min-height:460px;outline:none}.editor-surface>.tiptap:focus-visible{outline:none}.editor-surface p.is-editor-empty:first-child:before{color:#a2a39d;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.prose{color:#31322f;font-size:15px;line-height:1.75}.prose h1,.prose h2,.prose h3{color:var(--ink);letter-spacing:-.045em;line-height:1.15}.prose h1{margin:0 0 24px;font-size:38px}.prose h2{margin:42px 0 16px;font-size:25px}.prose p{margin:15px 0}.prose a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.prose blockquote{margin:28px 0;padding:3px 0 3px 22px;border-left:3px solid var(--green);color:#62645e;font-style:italic}.prose code{padding:2px 5px;border-radius:4px;background:#ebeae4;font:12px DM Mono,monospace}.prose pre{padding:18px;overflow:auto;border-radius:6px;color:#e8f2e8;background:#1f2c27}.prose pre code{padding:0;color:inherit;background:transparent}.prose hr{margin:36px 0;border:0;border-top:1px solid var(--line)}.prose ul,.prose ol{padding-left:24px}.prose ul[data-type=taskList]{padding:0;list-style:none}.prose ul[data-type=taskList] li{display:flex;gap:9px;align-items:flex-start}.prose ul[data-type=taskList] li>label{margin-top:3px}.prose ul[data-type=taskList] li>div{flex:1}.prose table{width:100%;margin:25px 0;border-collapse:collapse;font-size:13px}.prose th,.prose td{min-width:100px;padding:9px 11px;border:1px solid var(--line);text-align:left;vertical-align:top}.prose th{background:#f0efe9;font-weight:700}.prose .selectedCell{background:#e9f1dd}.prose img{max-width:100%;border-radius:6px}.callout{margin:28px 0;padding:17px 18px;display:flex;gap:14px;border:1px solid #cad8b1;border-radius:7px;background:#f1f6e8}.callout[data-selected=true]{outline:2px solid var(--green);outline-offset:2px}.callout--warning{border-color:#e0c990;background:#fff7df}.callout--success{border-color:#a8d0ae;background:#eaf6ec}.callout__icon{width:23px;height:23px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green);font:600 12px DM Mono,monospace}.callout__body{flex:1;min-width:0}.callout strong{display:block;margin-bottom:3px;font-size:13px}.callout p{margin:0;color:#565e54;font-size:13px}.callout__controls{margin-bottom:9px;display:flex;justify-content:space-between;gap:8px}.callout__controls select,.callout__controls button{border:1px solid #bdc7b0;border-radius:4px;background:#fff9;font-size:10px}.callout__title-input,.callout textarea{display:block;width:100%;border:0;outline:0;background:transparent;resize:none}.callout__title-input{margin-bottom:3px;font-weight:700;font-size:13px}.callout textarea{color:#565e54;font-size:13px;line-height:1.55}.widget-bar{min-height:38px;margin-bottom:16px;padding:5px 6px 5px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d4d2c9;border-radius:6px;color:#666862;background:#f3f2ec;font:500 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em}.widget-bar__identity,.widget-bar__actions{display:flex;align-items:center;gap:7px}.widget-bar__icon{width:22px;height:22px;display:grid;place-items:center;border-radius:4px;color:#fff;background:var(--green)}.widget-bar button,.widget-bar select{height:26px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border:1px solid #cbc9c0;border-radius:4px;color:#454741;background:#fbfaf6;cursor:pointer;font:600 9px Manrope,sans-serif;text-transform:none;letter-spacing:0}.widget-bar button:disabled{cursor:not-allowed;opacity:.4}.seven-tv-message{margin:30px 0;padding:18px;border:1px solid #d5d1e7;border-radius:8px;background:#f5f2fb}.seven-tv-message[data-selected=true]{outline:2px solid #6d51a5;outline-offset:3px}.seven-tv-message .widget-bar__icon{background:#6d51a5;font-size:8px;letter-spacing:-.03em}.seven-tv-message__input{width:100%;min-height:58px;padding:10px 12px;border:1px solid #d5d1e7;border-radius:5px;outline:0;resize:vertical;color:#343039;background:#fff;font-size:13px;line-height:1.5}.seven-tv-message__input:focus{border-color:#6d51a5;box-shadow:0 0 0 2px #6d51a51f}.prose .seven-tv-message__preview{margin:0;color:#343039;font-size:17px;line-height:1.7}.seven-tv-message__input+.seven-tv-message__preview{margin-top:14px}.seven-tv-message__preview img[data-7tv-emote]{border-radius:3px}.image-grid{margin:36px 0 44px;padding:0;border-radius:8px}.image-grid[data-selected=true]{outline:2px solid var(--green);outline-offset:7px}.image-grid__title,.image-grid__title-input{display:block;width:100%;margin:0 0 12px;padding:0;border:0;outline:0;color:#272825;background:transparent;font:600 12px DM Mono,monospace;letter-spacing:-.01em}.image-grid__canvas{display:grid;gap:8px}.image-grid--mosaic .image-grid__canvas{grid-template-columns:1.55fr 1fr 1fr;grid-template-rows:160px 160px}.image-grid--mosaic .image-grid__item:first-child{grid-row:1 / span 2}.image-grid--mosaic .image-grid__item:nth-child(4n+2){grid-column:2 / span 2}.image-grid--grid .image-grid__canvas{grid-template-columns:repeat(2,minmax(0,1fr))}.image-grid--grid .image-grid__item{aspect-ratio:4 / 3}.image-grid--filmstrip .image-grid__canvas{grid-auto-columns:minmax(210px,42%);grid-auto-flow:column;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.image-grid--filmstrip .image-grid__item{aspect-ratio:4 / 5;scroll-snap-align:start}.image-grid__item{position:relative;min-width:0;min-height:0;margin:0;overflow:hidden;border-radius:5px;background:#deddd6}.image-grid__item img{width:100%;height:100%;display:block;object-fit:cover;border-radius:0;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.image-grid__item:hover img{transform:scale(1.025)}.image-grid__item:after{position:absolute;inset:45% 0 0;content:"";pointer-events:none;background:linear-gradient(transparent,#0a110ead)}.image-grid__index{position:absolute;z-index:1;top:10px;left:11px;color:#ffffffd9;font:500 9px DM Mono,monospace}.image-grid__caption,.image-grid__caption-input{position:absolute;z-index:1;right:12px;bottom:10px;left:12px;width:calc(100% - 24px);margin:0;padding:0;border:0;outline:0;color:#fff;background:transparent;font:600 10px Manrope,sans-serif;text-shadow:0 1px 7px rgba(0,0,0,.45)}.image-grid__caption-input{border-bottom:1px solid rgba(255,255,255,.48)}.image-grid__remove{position:absolute;z-index:2;top:8px;right:8px;width:25px;height:25px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#fff;background:#141816ad;cursor:pointer}.metric-strip{margin:38px 0;padding:18px;border-radius:8px;color:#f4f5ed;background:var(--green)}.metric-strip--ink{background:#242625}.metric-strip--sand{color:#2f302d;background:#ded3b7}.metric-strip[data-selected=true]{outline:2px solid var(--lime);outline-offset:4px}.widget-bar--inverse{margin-bottom:20px;border-color:#ffffff29;color:#ffffffbf;background:#ffffff14}.metric-strip--sand .widget-bar--inverse{border-color:#1e1e1c26;color:#55554e;background:#ffffff38}.metric-strip__eyebrow,.metric-strip__eyebrow-input{width:100%;margin:0 0 19px;padding:0;border:0;outline:0;color:var(--lime);background:transparent;font:500 9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em}.metric-strip--sand .metric-strip__eyebrow,.metric-strip--sand .metric-strip__eyebrow-input{color:#5e613c}.metric-strip__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{min-width:0;padding:4px 20px 3px;border-left:1px solid rgba(255,255,255,.2)}.metric-strip--sand .metric-card{border-color:#1e1e1c2e}.metric-card:first-child{padding-left:0;border-left:0}.metric-card:last-child{padding-right:0}.metric-card strong,.metric-card__value-input{display:block;width:100%;margin:0 0 8px;padding:0;border:0;outline:0;color:inherit;background:transparent;font:500 31px/1 Newsreader,serif;letter-spacing:-.045em}.metric-card span,.metric-card__label-input{display:block;width:100%;margin:0 0 2px;padding:0;border:0;outline:0;color:inherit;background:transparent;font:700 10px Manrope,sans-serif}.metric-card small,.metric-card__detail-input{display:block;width:100%;padding:0;border:0;outline:0;color:#ffffff94;background:transparent;font:400 9px Manrope,sans-serif}.metric-strip--sand .metric-card small,.metric-strip--sand .metric-card__detail-input{color:#2f302d99}.bubble-menu{display:flex;gap:3px;padding:4px;border-radius:7px;background:#1f2925;box-shadow:0 8px 24px #0003}.bubble-menu .tool-button{color:#fff}.bubble-menu .tool-button:hover{background:#3b4943}.slash-menu{position:fixed;left:max(12px,min(var(--headless-markdown-slash-left, 40px),calc(100vw - 242px)));top:max(12px,min(calc(var(--headless-markdown-slash-top, 160px) + 8px),calc(100vh - 228px)));z-index:20;width:min(230px,calc(100vw - 24px));padding:5px;display:grid;border:1px solid #cbc9c0;border-radius:7px;background:var(--paper);box-shadow:0 12px 34px #1c201b2e}.slash-menu button{min-height:34px;padding:0 10px;border:0;border-radius:4px;color:var(--ink);background:transparent;cursor:pointer;font-size:12px;font-weight:600;text-align:left}.slash-menu button:hover,.slash-menu button[aria-selected=true]{color:#fff;background:var(--green)}.markdown-source{width:100%;min-height:570px;display:block;padding:42px max(32px,calc((100% - 820px)/2));border:0;outline:0;resize:vertical;color:#ddecde;background:#19241f;font:13px/1.75 DM Mono,monospace;tab-size:2}.demo__status{height:42px;padding:0 20px;display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);color:#858780;background:#f7f6f1;font:10px DM Mono,monospace}.demo__saved{margin-left:auto;display:flex;align-items:center;gap:7px}.principles{padding:82px 0 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.principles article{border-top:1px solid #c7c6bf;padding-top:18px}.principle__number{color:#8b8d86;font:11px DM Mono,monospace}.principles h2{margin:34px 0 12px;font-size:18px;letter-spacing:-.03em}.principles p{margin:0;color:#696b65;font-size:13px;line-height:1.75}.site-footer{height:76px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#777972;font-size:11px}.site-footer code{color:var(--green);font:11px DM Mono,monospace}@media(max-width:760px){.app-shell{width:min(100% - 24px,1180px)}.site-header nav a:not(:last-child){display:none}.hero{padding-top:54px}.hero h1{font-size:clamp(44px,13vw,52px);line-height:.94}.demo__topbar{align-items:flex-start;flex-direction:column;gap:10px;padding:13px}.view-tabs{width:100%}.view-tab{flex:1;justify-content:center}.editor-surface{min-height:520px;padding:36px 24px}.widget-bar{align-items:flex-start;flex-direction:column}.widget-bar__actions{width:100%;overflow-x:auto}.image-grid--mosaic .image-grid__canvas{grid-template-columns:1fr 1fr;grid-template-rows:210px 140px 140px}.image-grid--mosaic .image-grid__item:first-child{grid-column:1 / span 2;grid-row:auto}.image-grid--mosaic .image-grid__item:nth-child(4n+2){grid-column:auto}.image-grid--grid .image-grid__canvas{grid-template-columns:1fr}.image-grid--filmstrip .image-grid__canvas{grid-auto-columns:82%}.metric-strip__grid{grid-template-columns:1fr}.metric-card,.metric-card:first-child,.metric-card:last-child{padding:14px 0;border-top:1px solid rgba(255,255,255,.2);border-left:0}.metric-card:first-child{border-top:0}.principles{grid-template-columns:1fr;gap:38px;padding:65px 0}.principles h2{margin-top:20px}.site-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:6px}}