@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#292820;background:#f6f5f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:84px;border-bottom:1px solid #deddd4;display:flex;align-items:center;justify-content:space-between;padding:0 4%}.brand{font-size:26px;font-weight:700;color:inherit;text-decoration:none;letter-spacing:-1px}.brand span{font-size:17px;font-weight:400;color:#74756a;letter-spacing:-.4px}.powered{font-size:12px;color:#66685c;display:flex;align-items:center;gap:8px}.powered i{width:6px;height:6px;background:#739160;border-radius:50%}main{max-width:1510px;margin:auto;padding:44px 4% 30px}.eyebrow,.section-label{font-size:10px;letter-spacing:1.7px;font-weight:600;color:#77796b}h1{font-size:clamp(36px,4.2vw,62px);font-weight:500;letter-spacing:-2.5px;margin:14px 0 12px}h1 em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;color:#657442}.intro>p{font-size:14px;color:#7b7b70;margin:0 0 36px}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);border:1px solid #d9dacd;border-radius:12px;overflow:hidden;background:#fcfcf8;min-height:620px}aside{padding:27px;border-right:1px solid #dedfd3}label{display:block;font-size:13px;font-weight:600;margin:22px 0 10px}textarea{font:13px/1.65 'DM Sans',sans-serif;background:#f8f8f2;border:1px solid #dbddcf;border-radius:7px;padding:13px;width:100%;resize:vertical;color:#414337}textarea:focus,input:focus,button:focus-visible{outline:2px solid #829653;outline-offset:3px}button{font:12px 'DM Sans',sans-serif;border:1px solid #d9ddce;border-radius:6px;padding:9px 12px;color:#505544;background:transparent;cursor:pointer}button:disabled{opacity:.45;cursor:default}.examples{display:flex;gap:7px;margin:11px 0 22px}.examples button{font-size:10px;background:#f1f2e9;padding:7px 8px}details{border-top:1px solid #e1e3d6;padding:18px 0}summary{font-size:12px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary span{color:#90977d}.check{display:flex;gap:8px;line-height:1.5;font-size:12px;align-items:flex-start}.hint{font-size:11px;line-height:1.6;color:#787e6c}input[type=range]{width:100%;accent-color:#637745}output{float:right}button.primary{background:#d4e6aa;border-color:#cadb9e;color:#344224;font-size:13px;font-weight:600;width:100%;display:flex;justify-content:space-between;padding:14px 16px;margin-top:4px}#stop{width:100%;margin-top:8px}#status{font-size:11px;line-height:1.6;color:#777c6a;min-height:18px}.model{margin-top:28px;padding-top:22px;border-top:1px solid #e1e3d6;display:grid;gap:8px}.model span{font-size:9px;letter-spacing:1.5px;color:#8b8e7f}.model strong{font-size:12px;font-weight:500}.model code{font-size:9px;color:#898d7d}.output{display:flex;flex-direction:column;min-width:0;background:#f0f1e9}.toolbar{height:59px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid #dce0d1;background:#fafbf5}.tabs{display:flex;gap:6px}.tabs button{border:0;color:#7d8270}.tabs button[aria-selected=true]{background:#e7ecd9;color:#414d2b}#download{border:0;font-size:11px}#preview-panel,#source-panel{flex:1;min-height:490px;position:relative}#empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;text-align:center;background-image:radial-gradient(#cfd4c1 .7px,transparent .7px);background-size:16px 16px}.spark{font-family:Georgia,serif;font-size:68px;color:#81945a;line-height:1}#empty h2{font-family:'Instrument Serif',Georgia,serif;font-size:32px;font-weight:400;margin:22px 0 10px}#empty p{font-size:12px;color:#868b79}#empty>span{font-size:8px;letter-spacing:1.5px;color:#9ba38a;margin-top:35px}iframe{width:100%;height:100%;min-height:560px;border:0;background:#fff;position:absolute;inset:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 ui-monospace,monospace;margin:0;padding:24px;max-height:650px;overflow:auto}footer{padding:13px 20px;border-top:1px solid #dce0d1;display:flex;justify-content:space-between;font-size:9px;color:#8a907d;gap:12px;background:#fafbf5}.page-footer{padding:0 4% 25px;font-size:10px;color:#979a8e;display:flex;justify-content:space-between}[hidden]{display:none!important}@media(max-width:850px){.workspace{grid-template-columns:280px 1fr}aside{padding:20px}.powered{font-size:10px}}@media(max-width:650px){header{height:66px}.powered{max-width:125px;line-height:1.5}main{padding-top:30px}.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #dedfd3}.intro>p{line-height:1.7}.model{margin-top:18px}h1{letter-spacing:-1.5px}#preview-panel,#source-panel{min-height:520px}iframe{min-height:520px}footer{font-size:8px}}