.writing-page{--write-paper:#f4f2ec;--write-ink:#182032;--write-muted:#7b818d;--write-line:#dadbdc;--write-blue:#3656ed;--write-mono:var(--mono,var(--font-mono));min-height:calc(100svh - 122px);padding:35px 5.2% 28px;background:var(--write-paper);color:var(--write-ink)}.writing-page *{box-sizing:border-box}.writing-page [hidden]{display:none!important}.writing-page button,.writing-page select,.writing-page textarea{font:inherit}.writing-page button{touch-action:manipulation}.writing-page button:focus-visible,.writing-page textarea:focus-visible,.writing-page select:focus-visible,.writing-inspector summary:focus-visible{outline:2px solid var(--write-blue);outline-offset:4px}.writing-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px}.writing-eyebrow{font:12px var(--write-mono);letter-spacing:1.5px;color:var(--write-muted)}.writing-heading h1{font-weight:500;font-size:var(--text-display);line-height:1.08;letter-spacing:var(--track-display);margin:10px 0 0}.writing-heading h1 br{display:none}.writing-heading h1 em{font-style:normal;color:var(--write-blue)}.writing-workspace{display:grid;grid-template-columns:.88fr 1.12fr;border-top:1px solid #263147;border-bottom:1px solid #263147;min-height:355px}.writing-source{padding:16px 30px 24px 0;min-width:0}.writing-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.writing-panel-heading label{font:12px var(--write-mono);letter-spacing:.8px;color:var(--write-muted)}.writing-panel-heading button{display:flex;gap:13px;align-items:center;background:none;border:0;padding:7px 0;font:13px var(--write-mono);color:var(--write-muted)}.writing-panel-heading button span{font-size:16px}.writing-source textarea{resize:vertical;border:0;background:transparent;color:var(--write-ink);width:100%;min-height:136px;max-height:350px;display:block;outline:none;padding:22px 4px 8px 0;font-size:clamp(21px,2.15vw,31px);font-weight:400;line-height:1.2;letter-spacing:-.04em}.writing-source textarea::placeholder{color:#a6aab2;opacity:1}.writing-wingman .writing-source textarea{font-size:20px;line-height:1.45;min-height:170px;letter-spacing:-.02em}.writing-input-footer{display:flex;justify-content:space-between;gap:20px;font:12px/1.7 var(--write-mono);color:var(--write-muted);padding-top:9px}.writing-input-footer>span:last-child{white-space:nowrap}.writing-suggestions{display:flex;flex-direction:column;gap:0;margin-top:25px}.writing-suggestions>span{font:12px var(--write-mono);letter-spacing:1px;color:var(--write-muted);margin-bottom:10px}.writing-suggestions button{display:flex;align-items:center;justify-content:space-between;gap:20px;background:transparent;border:0;border-top:1px solid var(--write-line);padding:11px 0;text-align:left;font-size:13px;line-height:1.5;color:#657087}.writing-suggestions button:hover{color:var(--write-blue)}.writing-suggestions i{font-style:normal;font-size:14px;color:var(--write-blue)}.writing-tone-row{display:flex;align-items:center;gap:14px;margin-top:18px}.writing-tone-row label{font:12px var(--write-mono);color:var(--write-muted)}.writing-tone-row select{background:#fff9;border:1px solid var(--write-line);color:var(--write-ink);border-radius:4px;padding:8px 23px 8px 10px;font-size:14px;min-height:38px}.writing-primary{margin-left:auto;background:var(--write-blue);color:white;border:0;border-radius:4px;min-height:39px;padding:0 14px;display:flex;align-items:center;gap:25px;font-size:14px!important}.writing-primary span{font-size:16px}.writing-answer{background:#111b2e;color:#e7edff;padding:20px 25px;display:flex;flex-direction:column;min-width:0;position:relative}.writing-answer-top{display:flex;justify-content:space-between;gap:20px;align-items:center;font:12px var(--write-mono);letter-spacing:.7px;color:#9aa8c5}.writing-answer-top>span{display:flex;align-items:center;gap:8px}.writing-answer-top b{font-weight:400}.writing-status-dot{width:5px;height:5px;border-radius:50%;background:#6e8af7;display:inline-block}.writing-is-streaming .writing-status-dot{background:#8cece3;box-shadow:0 0 10px #8cece388}.writing-answer-top button{background:none;border:0;color:#c4d0ed;padding:6px 0;font:13px var(--write-mono);display:flex;align-items:center;gap:15px}.writing-answer-top button:disabled{opacity:.3;cursor:default}.writing-empty{flex:1;display:flex;flex-direction:column;justify-content:center;padding:25px 0 35px}.writing-empty>span{font-size:48px;color:#94a8ee;line-height:1;margin-bottom:19px}.writing-empty h2{font-size:clamp(24px,2.7vw,40px);line-height:1.13;font-weight:400;letter-spacing:-.045em;max-width:350px;margin:0}.writing-empty p{font-size:16px;line-height:1.7;color:#7f91b2;margin-top:15px;max-width:300px}.writing-result{flex:1;padding-top:24px;min-width:0}.writing-provenance{font:12px/1.7 var(--write-mono);letter-spacing:.5px;color:#95b9b7;margin:0 0 12px;overflow-wrap:anywhere}.writing-provenance[data-previous=true]{color:#a5a3bf}.writing-result pre{font-family:inherit;font-size:clamp(16px,1.5vw,20px);font-weight:400;line-height:1.65;letter-spacing:-.013em;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;max-height:400px;overflow-y:auto;scrollbar-color:#64749b #111b2e}.writing-answer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #2a354d;margin-top:25px;padding-top:14px}.writing-answer-bottom p{font:12px/1.7 var(--write-mono);color:#7889a9;letter-spacing:.4px}.writing-answer-bottom button{border:0;background:none;color:#b9c8ed;font:13px var(--write-mono);white-space:nowrap;padding:8px 0}.writing-error{border:1px solid #6e5564;color:#e1bbc6;background:#332431;padding:12px 14px;font-size:14px;line-height:1.7;margin-top:18px;border-radius:4px;overflow-wrap:anywhere}.writing-telemetry{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:22px;margin-top:22px}.writing-telemetry>div{border-right:1px solid var(--write-line);min-width:0}.writing-telemetry>div:last-child{border:0}.writing-telemetry span{display:block;font:12px var(--write-mono);letter-spacing:.8px;color:var(--write-muted)}.writing-telemetry b{font-size:24px;line-height:1.1;font-weight:450;letter-spacing:-.055em;display:block;margin:9px 0 7px}.writing-telemetry small{display:block;font:12px/1.6 var(--write-mono);color:var(--write-muted)}.writing-model b{font:14px/1.6 var(--write-mono);letter-spacing:0;overflow-wrap:anywhere;margin-top:10px}.writing-model small{font-size:12px;letter-spacing:.4px}.writing-inspector{margin-top:24px;border-top:1px solid var(--write-line);border-bottom:1px solid var(--write-line)}.writing-inspector summary{cursor:pointer;font:13px var(--write-mono);color:var(--write-muted);padding:14px 0;list-style:none;display:flex;justify-content:space-between}.writing-inspector summary::-webkit-details-marker{display:none}.writing-inspector summary span{color:var(--write-blue)}.writing-inspector pre{font:13px/1.7 var(--write-mono);white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:#fff7;border-radius:5px;margin:0 0 15px;max-height:350px;overflow-y:auto}.writing-footnote{font:12px/1.8 var(--write-mono);color:var(--write-muted);margin-top:15px;max-width:850px}.writing-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.writing-is-waiting .writing-status-dot{animation:writing-pulse 1s ease-in-out infinite}@keyframes writing-pulse{50%{opacity:.3}}@media(min-width:1650px){.writing-page{padding:45px max(6%,calc((100vw - 1450px)/2)) 35px}.writing-workspace{min-height:430px}.writing-heading{margin-bottom:40px}.writing-source textarea{min-height:160px}.writing-suggestions{margin-top:35px}}@media(max-width:1000px){.writing-page{padding:30px 5% 25px}.writing-heading>p{font-size:14px}.writing-source{padding-right:22px}.writing-answer{padding:20px}.writing-source textarea{font-size:24px}.writing-wingman .writing-source textarea{font-size:18px}.writing-telemetry{gap:15px}.writing-telemetry small{font-size:12px}}@media(max-width:680px){.writing-page{padding:25px 6% 25px;min-height:calc(100svh - 113px)}.writing-heading{align-items:start;gap:18px;margin-bottom:24px}.writing-heading h1{margin-top:10px}.writing-heading h1 br{display:block}.writing-heading>p{font-size:13px;line-height:1.8;max-width:115px;margin-top:26px}.writing-eyebrow{font-size:12px}.writing-workspace{grid-template-columns:1fr;min-height:0}.writing-source{padding:13px 0 20px}.writing-source textarea{min-height:106px;font-size:28px;padding-top:17px;max-height:240px}.writing-wingman .writing-source textarea{min-height:135px;font-size:18px}.writing-panel-heading label{font-size:12px}.writing-input-footer{font-size:12px}.writing-suggestions{margin-top:19px}.writing-suggestions button{padding:10px 0;font-size:13px;min-height:40px}.writing-answer{padding:18px 19px 16px;min-height:270px;margin-bottom:0}.writing-empty{padding:25px 0}.writing-empty h2{font-size:28px}.writing-empty>span{font-size:36px;margin-bottom:15px}.writing-empty p{font-size:14px;max-width:250px}.writing-result pre{font-size:16px;line-height:1.65;max-height:430px}.writing-telemetry{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:20px}.writing-telemetry b{font-size:24px}.writing-telemetry small{font-size:12px;max-width:90px}.writing-telemetry>div:nth-child(3){border:0}.writing-telemetry .writing-model{grid-column:1/-1;border-top:1px solid var(--write-line);padding-top:14px;margin-top:3px;display:grid;grid-template-columns:55px 1fr;gap:0 12px;align-items:center}.writing-model b{font-size:13px;margin:0}.writing-model small{grid-column:2;max-width:none;margin-top:5px}.writing-inspector{margin-top:18px}.writing-inspector pre{padding:13px;font-size:13px}.writing-footnote{font-size:12px}.writing-tone-row{gap:10px}.writing-primary{gap:20px}.writing-answer-top button{min-height:30px}.writing-result{padding-top:19px}}@media(prefers-reduced-motion:reduce){.writing-page *{animation:none!important;transition:none!important}}

.writing-setup{display:flex;align-items:center;gap:20px;justify-content:space-between;border:1px solid var(--write-line);border-radius:7px;padding:14px 17px;margin:0 0 22px;background:#fff8;color:var(--write-ink)}.writing-setup strong{font-size:16px;font-weight:550;display:block}.writing-setup p{font-size:14px;line-height:1.6;color:var(--write-muted);margin:4px 0 0;max-width:700px}.writing-setup a,.writing-setup button{flex-shrink:0;font:13px var(--write-mono);color:var(--write-blue);text-decoration:none;padding:11px 13px;border:1px solid var(--write-line);border-radius:4px;background:transparent;cursor:pointer}.writing-setup [hidden]{display:none}.writing-setup[data-state=error],.writing-setup[data-state=missing],.writing-setup[data-state=unavailable],.writing-setup[data-state=outdated],.writing-setup[data-state=model-unavailable]{border-color:#c7a6b0;background:#fff3f6}.writing-setup[data-state=verified]{border-color:#a6c7bb}.writing-setup button:disabled,.writing-source button:disabled{opacity:.55;cursor:default}.writing-source textarea:disabled{cursor:not-allowed}@media(max-width:680px){.writing-setup{align-items:stretch;flex-direction:column;gap:10px;padding:13px}.writing-setup a,.writing-setup button{text-align:center;min-height:42px}}

/* Keep speculative response updates inside the answer panel. */
.writing-precog [data-writing-output]{contain:content;will-change:contents}

/* V6.6 Precog: one calm surface, one accent, readable supporting text. */
.writing-precog{--write-paper:#fafaf8;--write-line:#e3e5ea;--write-muted:#5d6676;--write-blue:#2f54eb}
.writing-precog .writing-heading>p{font-size:16px;line-height:1.6;max-width:360px;color:var(--write-muted)}
.writing-precog .writing-workspace{border:0;gap:18px;min-height:380px}
.writing-precog .writing-source{background:#fff;border:1px solid var(--write-line);border-radius:14px;padding:20px 24px;display:flex;flex-direction:column}
.writing-precog .writing-source textarea{flex:1}
.writing-precog .writing-answer{border-radius:14px;background:#0f1a30;padding:22px 26px}
.writing-precog .writing-answer-top,.writing-precog .writing-panel-heading label{font-size:12px;letter-spacing:.8px}
.writing-precog .writing-status-dot{width:8px;height:8px;background:#5b76f0}
.writing-precog.writing-is-streaming .writing-status-dot{background:#4ade80;box-shadow:0 0 12px #4ade8088}
.writing-precog .writing-empty>span{color:#7f97ff}
.writing-precog .writing-empty p{font-size:16px;max-width:380px;color:#9fb0d0}
.writing-precog .writing-provenance,.writing-precog .writing-provenance[data-previous=true]{color:#8fa3c8}
.writing-precog .writing-blink{margin:18px 0 0;font:600 16px/1.5 var(--write-mono);color:#4ade80;letter-spacing:.2px}
.writing-precog .writing-answer-bottom p{font-size:12px;color:#8fa3c8}
.writing-precog .writing-telemetry{grid-template-columns:1.25fr 1fr 1fr 1fr;gap:14px;margin-top:18px}
.writing-precog .writing-telemetry>div{border:1px solid var(--write-line);border-radius:14px;background:#fff;padding:16px 18px}
.writing-precog .writing-telemetry>div:last-child{border:1px solid var(--write-line)}
.writing-precog .writing-telemetry span{font-size:12px;letter-spacing:.9px;color:var(--write-muted)}
.writing-precog .writing-telemetry b{font-size:clamp(26px,2.5vw,40px);white-space:nowrap;margin:10px 0 8px;font-variant-numeric:tabular-nums}
.writing-precog .writing-telemetry small{font-family:inherit;font-size:13px;line-height:1.5;letter-spacing:0;color:var(--write-muted)}
.writing-precog .writing-telemetry .writing-stat-lead{background:var(--write-blue);border-color:var(--write-blue);color:#fff}
.writing-precog .writing-telemetry .writing-stat-lead span,.writing-precog .writing-telemetry .writing-stat-lead small{color:#dbe3ff}
.writing-precog .writing-footnote{font-family:inherit;font-size:13px;line-height:1.7;letter-spacing:0;max-width:900px}
.writing-precog .writing-inspector summary{font-size:13px}
.writing-precog .writing-inspector pre{font-size:13px}
.writing-precog .writing-setup[data-state=ready],.writing-precog .writing-setup[data-state=verified],.writing-precog .writing-setup[data-state=checking]{display:none}
@media(max-width:680px){.writing-precog .writing-telemetry{grid-template-columns:1fr 1fr}.writing-precog .writing-telemetry>div:nth-child(3){border:1px solid var(--write-line)}.writing-precog .writing-heading>p{font-size:14px;max-width:none;margin-top:8px}.writing-precog .writing-heading{flex-direction:column;align-items:flex-start}}

.playground-is-expanded .writing-eyebrow{display:none}
/* V6.7.3 phone width: the prompt text fits its box. */
@media(max-width:560px){.writing-precog .writing-source textarea,.writing-source textarea{font-size:20px;line-height:1.3}}

/* V6.8.0 shared figures: measured numbers are set in the mono face, like the Live feed and the builder. */
.writing-precog .writing-telemetry span{font:var(--text-label) var(--font-mono);letter-spacing:var(--track-label)}
.writing-precog .writing-telemetry b{font:500 24px/1.1 var(--font-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.writing-precog .writing-telemetry small{font:var(--text-meta)/1.5 var(--font-sans)}
.writing-precog .writing-eyebrow{font:var(--text-label) var(--font-mono);letter-spacing:var(--track-label)}
.writing-precog .writing-blink{font:500 var(--text-body)/1.5 var(--font-mono);letter-spacing:0}
/* On a phone a figure with its unit fits its card. */
@media(max-width:700px){.writing-precog .writing-telemetry>div{padding:14px}.writing-precog .writing-telemetry b{font-size:19px;letter-spacing:-.03em}}