@font-face{font-family:FallbackSerif;src:local("Georgia")}
:root{color-scheme:light;--paper:#f4f2eb;--surface:#fffcf6;--ink:#252f2c;--muted:#69726b;--line:#dedfd4;--accent:#b54e2e;--green:#527b64;--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary,select{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b54e2e80;outline-offset:3px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{border:0;background:transparent}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:6px;background:#fffefa;color:var(--ink);padding:10px 12px}textarea{resize:vertical;min-height:104px;line-height:1.6}textarea::placeholder,input::placeholder{color:#8b9188}input[type=number]{min-width:0}input[type=range]{padding:0;accent-color:var(--accent);height:18px;border:0;background:transparent}select{padding-right:4px;font-size:12px}[hidden]{display:none!important}.shell{max-width:1260px;margin:0 auto;padding:0 48px}.topbar{display:flex;align-items:center;justify-content:space-between;height:94px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:650;letter-spacing:-.5px}.brand-mark{font:italic 31px var(--serif);letter-spacing:-5px;color:var(--accent);margin-right:10px}.brand-mark span{font-style:normal}.brand-tag{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0}.source-link{font-size:12px;color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 265px;align-items:center;gap:45px;padding:58px 0 40px}.eyebrow,.section-label,.stamp-label,.note-number{font-size:10px;font-weight:650;letter-spacing:1.9px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 21px;color:var(--accent)}.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);flex:none}h1{font-family:var(--serif);font-size:clamp(40px,4.5vw,59px);line-height:1.1;font-weight:400;letter-spacing:-2px;margin:0 0 22px}h1 em{color:var(--accent);font-weight:400}.intro{max-width:565px;font-size:14px;line-height:1.85;color:var(--muted);margin:0}.model-stamp{border:1px solid #b6bcad;padding:27px 23px 0;transform:rotate(2deg);background:#ebeede;box-shadow:5px 5px 0 #e7e8dd}.stamp-label{display:block;color:#627160;font-size:9px}.model-stamp strong{display:block;font-family:var(--serif);font-size:53px;font-weight:400;line-height:1.2;letter-spacing:-2px;margin-top:12px}.stamp-unit{font-family:var(--serif);font-style:italic;font-size:21px;color:#657260}.stamp-foot{border-top:1px solid #c8cdbd;margin-top:23px;padding:11px 0;display:flex;justify-content:space-between;font-size:10px;color:#627160}.stamp-foot>span:last-child{font-size:21px;line-height:1}.architecture-strip{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 2px;color:var(--muted);font-size:11px}.architecture-strip b{font-weight:650;color:var(--ink);margin-right:5px}.architecture-strip .tiny-dot{margin-right:6px}.playground{display:grid;grid-template-columns:360px 1fr;gap:0;margin-top:35px;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #29322304}.controls{background:#f8f7f0;padding:25px 26px 23px;border-right:1px solid var(--line)}.controls>.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.section-label{color:#737c6f;font-size:9px;letter-spacing:1.6px}.small-badge{border:1px solid #d8ddd0;border-radius:4px;padding:2px 5px;letter-spacing:0;font-size:9px;font-weight:400}.field-label{font-size:11px;font-weight:600;display:block;margin-bottom:8px;letter-spacing:.1px}.field-label span{font-size:10px;font-weight:400;color:var(--muted);margin-left:4px}.presets{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.presets button{background:#efeee5;border:1px solid #e2e3d8;padding:3px 7px;border-radius:4px;font-size:10px;transition:background .15s}.presets button:hover{background:#e2e7d7}.hint{font-size:10px;line-height:1.7;color:var(--muted);margin:12px 0}.prompt-info{font-size:10px;color:var(--green);margin:0}.warning,.error{font-size:11px;border-radius:5px;padding:9px 10px;margin:10px 0;background:#f6e7d3;color:#875727;overflow-wrap:anywhere}.error{background:#f5e0d8;color:#953c24}.sampling-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 17px;border-top:1px solid var(--line);padding-top:20px}.sampling-heading .field-label{margin:0}.text-button{font-size:10px;color:var(--accent);padding:0}.text-button:hover{text-decoration:underline}.range-field{display:grid;grid-template-columns:1fr auto;align-items:center;margin-bottom:17px}.range-field label{font-size:11px}.range-field label span{font-size:9px;color:var(--muted);margin-left:5px}.range-field output{font-size:11px;font-variant-numeric:tabular-nums}.range-field input{grid-column:1/-1;margin:8px 0 0}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.two-fields input{font-size:12px;padding:9px 10px}.seed-field{position:relative}.seed-field input{padding-right:30px;appearance:textfield;-moz-appearance:textfield}.seed-field input::-webkit-inner-spin-button{appearance:none}.dice{position:absolute;right:5px;top:5px;font-size:21px;line-height:25px;color:var(--muted);padding:0 4px}.seed-note{font-size:9px}.run-actions{display:flex;gap:8px;margin:19px 0 11px}.primary{flex:1;background:var(--accent);color:#fff;border-radius:6px;padding:11px 14px;font-size:12px;font-weight:550;transition:background .15s}.primary:hover:not(:disabled){background:#9b4026}.stop{border:1px solid var(--accent);border-radius:6px;font-size:11px;padding:10px 16px;color:var(--accent)}.runtime-status{display:flex;align-items:flex-start;justify-content:center;gap:6px;font-size:9px;color:var(--muted);line-height:1.5}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--green);margin-top:4px;flex:none}.story-panel{display:flex;flex-direction:column;min-width:0;background:var(--surface)}.story-header{display:flex;align-items:center;justify-content:space-between;padding:26px 31px 0}.story-state{font-size:9px;color:var(--muted)}.story-area{padding:30px 38px;min-height:390px;flex:1;display:flex;align-items:flex-start}.empty-state{align-self:center;width:100%;text-align:center;padding:30px 0}.book-icon{font-family:var(--serif);font-size:46px;line-height:1;color:#bdc6ae;margin-bottom:21px}h2{font:400 30px/1.3 var(--serif);letter-spacing:-.6px;margin:0 0 15px}.empty-state p{font-size:11px;color:var(--muted);line-height:1.9}.empty-rule{display:block;width:30px;height:1px;background:#c4caba;margin:24px auto 0}.story-text{font:400 19px/1.85 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.story-text.streaming::after{content:"";display:inline-block;width:2px;height:18px;background:var(--accent);margin-left:5px;vertical-align:middle;animation:blink 1s infinite}.story-summary{font-size:10px;color:var(--green);padding:0 31px 12px;min-height:27px}.metrics{border-block:1px solid var(--line);margin:0 30px;display:grid;grid-template-columns:repeat(4,1fr);padding:17px 0}.metrics>div{padding-left:16px;border-right:1px solid var(--line)}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border:0}.metrics span{display:block;font-size:8px;letter-spacing:1px;color:var(--muted);margin-bottom:6px}.metrics strong{font-size:19px;font-family:var(--serif);font-weight:400;line-height:1.1;font-variant-numeric:tabular-nums}.story-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:16px 30px;color:var(--muted);font-size:9px}.story-toolbar>div{display:flex;gap:13px}.story-toolbar button{padding:0;font-size:9px}.story-toolbar button:hover:not(:disabled){color:var(--accent)}.inspector{border-top:1px solid var(--line);background:#f9f8f1;font-size:10px}.inspector summary{padding:16px 30px;font-weight:550}.inspector summary span,.vocabulary summary span{font-size:9px;font-weight:400;color:var(--muted);margin-left:12px}.inspector>div{padding:0 30px 20px}.inspector pre{background:#eeeee5;border:1px solid var(--line);border-radius:5px;padding:12px;font-size:10px;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:35px 2px}.note-number{font-size:10px;color:#859075;letter-spacing:1px}h3{font-family:var(--serif);font-size:18px;font-weight:400;margin:10px 0 8px}.notes-grid p{font-size:11px;color:var(--muted);line-height:1.85;margin:0}code{font-size:.95em}.vocabulary{border-block:1px solid var(--line);padding:16px 2px;font-size:11px}.vocabulary summary{font-weight:550}.vocabulary input{margin-top:18px;max-width:350px;font-size:12px}.vocab-list{display:flex;flex-wrap:wrap;gap:5px;max-height:300px;overflow:auto}.vocab-list span{font:10px ui-monospace,monospace;background:#e9ecdf;border:1px solid #dce1d2;border-radius:4px;padding:4px 7px}.vocab-list small{color:#829074;margin-right:6px}footer{display:flex;justify-content:space-between;gap:10px;padding:27px 0 30px;font-size:10px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes blink{50%{opacity:0}}
@media(min-width:1500px){.shell{max-width:1380px}.playground{grid-template-columns:380px 1fr}.hero{padding-top:70px}.story-area{min-height:430px}}
@media(max-width:1000px){.shell{padding:0 28px}.playground{grid-template-columns:320px 1fr}.controls{padding:22px}.story-area{padding:28px}.metrics{margin:0 22px}.story-header{padding:24px 22px 0}.metrics>div{padding-left:9px}.story-toolbar{padding:15px 22px}.hero{grid-template-columns:1fr 225px;gap:30px}.model-stamp strong{font-size:45px}.notes-grid{gap:25px}}
@media(max-width:760px){.shell{padding:0 20px}.topbar{height:72px}.brand-tag{display:none}.hero{grid-template-columns:1fr;padding:35px 0 25px;gap:22px}h1{font-size:43px}.intro{font-size:13px}.model-stamp{transform:none;padding:13px 17px;display:grid;grid-template-columns:1fr auto;gap:0;align-items:center;max-width:none}.stamp-label{grid-column:1;grid-row:1}.model-stamp strong{grid-column:2;grid-row:1/3;font-size:35px;margin:0}.stamp-unit{grid-column:1;grid-row:2;font-size:17px}.stamp-foot{grid-column:1/-1;padding:9px 0 0;margin-top:11px}.architecture-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:10px}.playground{grid-template-columns:1fr;margin-top:25px}.controls{border-right:0;border-bottom:1px solid var(--line);padding:23px}.controls>.section-label{margin-bottom:18px}.story-area{min-height:340px}.story-text{font-size:18px}.story-header{padding-top:24px}.notes-grid{grid-template-columns:1fr;gap:22px;padding:28px 2px}.notes-grid h3{margin-top:6px}.notes-grid p{max-width:480px}.metrics span{font-size:7px;letter-spacing:.5px}.metrics strong{font-size:19px}.story-toolbar{font-size:8px}.inspector summary span,.vocabulary summary span{display:block;margin-left:0;margin-top:4px}footer{font-size:9px;flex-direction:column;gap:9px}.empty-state{padding:15px 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* The playground is the complete interface; keep its framing compact. */
.shell{padding:20px;max-width:1180px}.playground{margin-top:0}
@media(max-width:760px){.shell{padding:12px}.playground{margin-top:0}}
.model-credit{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 24px;background:#eef0e5;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.model-credit strong{color:var(--ink);font-weight:600;margin-right:5px}.model-credit a{color:var(--accent);font-weight:500}.model-credit>span:last-child{display:flex;gap:20px}@media(max-width:760px){.model-credit{padding:12px 22px;gap:6px;font-size:11px}.model-credit>span:last-child{gap:16px}}