.writing-page{max-width:1440px;margin:auto;color:var(--text)}.writing-page h1{font-size:36px;letter-spacing:0;text-transform:none}.writing-page h2,.writing-page h3{font-family:inherit;text-transform:none;letter-spacing:0}.writing-page h2{font-size:22px}.writing-page h3{font-size:20px;line-height:1.5}.writing-page p{color:var(--muted);line-height:1.6}.writing-page button,.writing-page .write-link{font-family:inherit;font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;min-height:42px;padding:9px 15px;white-space:normal;border-radius:6px}.writing-page button:focus-visible,.writing-page a:focus-visible,.writing-page input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.writing-page input{font:inherit;caret-color:var(--accent)}.writing-page ::selection{background:var(--accent);color:var(--on-accent)}.write-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:10px 0 36px}.write-heading h1{margin:0}.write-heading p{margin:8px 0}.write-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0 32px;max-width:950px}.write-goals button{text-align:left;padding:24px;background:var(--panel);border:1px solid var(--line-strong)}.write-goals strong{display:block;font-size:21px;margin-bottom:10px}.write-goals span{display:block;color:var(--muted);line-height:1.5;font-weight:400}.write-goals button:hover{background:var(--surface-raised);border-color:var(--accent)}.write-settings{display:grid;grid-template-columns:1.3fr 1fr 130px;gap:20px;max-width:950px}.write-settings input,.write-settings select{width:100%}.write-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}.write-step{padding:25px 0;border-top:1px solid var(--line)}.write-step-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.write-step-heading h2{margin:0;display:flex;align-items:baseline;gap:15px}.write-step-heading h2 span{color:var(--accent);font-size:15px;min-width:46px}.write-step>p{font-size:15px;margin:10px 0 18px}.write-line{display:flex;align-items:center;gap:18px;padding:14px 0;border-top:1px solid var(--line)}.write-line p{flex:1;min-width:0;margin:0;overflow-wrap:anywhere;color:var(--text)}.write-line>div{display:flex;gap:8px}.write-line button{border:0;color:var(--muted);padding:6px 8px;background:transparent}.write-line button:hover{color:var(--accent);background:var(--surface-raised)}.write-empty{padding:18px;background:var(--panel);border-radius:8px}.write-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.write-picker-head h2{margin:0}.writing-page #sentence-picker{background:var(--panel);padding:24px;border:1px solid var(--line-strong);border-radius:12px;position:sticky;top:24px;max-height:calc(100dvh - 48px);overflow-y:auto;scrollbar-color:var(--line-strong) var(--panel)}.write-search label{display:block;font-size:17px}.write-search input{display:block;width:100%;margin-top:9px;padding:13px}.write-search p{font-size:14px}.write-filters{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.write-filters button{padding:6px 12px;min-height:38px;background:transparent;border-color:var(--line-strong);color:var(--muted)}.write-filters [aria-pressed=true]{background:var(--selected);color:var(--accent);border-color:var(--accent-border)}.write-result{width:100%;display:flex;flex-direction:column;gap:9px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0!important;padding:20px 4px!important}.write-result:hover{background:var(--surface-raised)}.write-result strong{line-height:1.5;font-size:17px;font-weight:500;overflow-wrap:anywhere}.write-result-meta,.write-result>span{color:var(--muted);font-weight:400;font-size:14px}.write-result .write-result-action{color:var(--accent)}.write-source{display:flex;align-items:center;gap:10px;color:var(--muted)}.write-source select{padding:8px;max-width:170px;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line-strong)}.write-explainer{display:flex;gap:45px;margin-bottom:28px}.write-explainer strong{display:block;color:var(--text)}.writing-page #sentence-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.65;padding:18px;background:var(--bg);color:var(--accent)}.writing-page #text-mode{border-top:1px solid var(--line);padding:22px 0}.writing-page summary{cursor:pointer;padding:8px 0}.writing-page #write-footer{padding:18px 0}.writing-page #write-footer .btns{display:flex;flex-wrap:wrap;align-items:center}.writing-page #write-footer #uses{font-family:inherit}.writing-page #write-status{color:var(--accent);min-height:25px}.writing-page #sentence-error{color:var(--fail)}.writing-page #sentence-fields label{margin:18px 0}.writing-page #sentence-fields input{width:100%;box-sizing:border-box}.writing-page [hidden]{display:none!important}
@media(max-width:800px){.write-heading{align-items:flex-start;margin-bottom:24px}.writing-page h1{font-size:29px}.write-heading p{font-size:15px}.write-goals{grid-template-columns:1fr}.write-settings{grid-template-columns:minmax(0,1fr) 90px}.write-settings>label:first-child{grid-column:1/-1}.write-workspace:has(#sentence-picker:not([hidden])){grid-template-columns:minmax(0,1fr)}.writing-page #sentence-picker{position:fixed;inset:0;border:0;border-radius:0;z-index:1000;max-height:none;height:100dvh;padding:20px;box-sizing:border-box;overscroll-behavior:contain}.writing-picker-open{overflow:hidden}.write-step-heading{align-items:flex-start}.write-step-heading h2{font-size:19px;display:block}.write-step-heading h2 span{display:block;margin-bottom:6px}.write-line{align-items:flex-start;flex-direction:column;gap:6px}.write-line>div{align-self:flex-end}.write-explainer{gap:20px;flex-wrap:wrap}.write-explainer p{margin:0}.write-heading>button{max-width:110px}.writing-page #write-footer #uses{width:100%;line-height:1.5}}
/* The shared cloud stylesheet fixes button heights; authoring rows contain wrapping text. */
.writing-page button{height:auto}
.write-result>span,.write-result>strong{flex-shrink:0}
@media(max-width:800px){.write-filters[data-topics]{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.write-filters[data-topics] button{flex-shrink:0}.write-picker-head{position:sticky;top:-20px;padding:12px 0;background:var(--panel);z-index:2}}
.writing-page .write-heading{margin-bottom:24px}
.write-step{padding:18px 0}
.write-step>p{margin:8px 0 12px}
.write-line{padding:10px 0}
.writing-page{max-width:1200px}
.write-workspace:not(:has(#sentence-picker:not([hidden]))){max-width:1000px}
.write-line p{max-width:75ch}
.write-heading-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.writing-page #feature{min-height:260px;height:300px;font-size:16px;line-height:1.7;tab-size:4}
.completion-help{font-size:14px;max-width:75ch}
.completion-status{font-size:14px;min-height:22px;color:var(--accent)!important}
.sentence-completions{max-height:330px;overflow:auto;border:1px solid var(--line-strong);background:var(--panel);border-radius:8px;scrollbar-color:var(--line-strong) var(--panel)}
.sentence-completions button{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0!important;padding:14px 18px!important;color:var(--text);background:transparent}
.sentence-completions button[aria-selected=true]{background:var(--selected);box-shadow:inset 0 0 0 1px var(--accent)}
.sentence-completions button span{font-size:14px;font-weight:400;line-height:1.5;color:var(--muted)}
.sentence-completions button .completion-prerequisite{color:var(--fault)}
@media(max-width:800px){.write-heading{flex-direction:column;gap:12px}.write-heading-actions{justify-content:flex-start}.writing-page #feature{height:260px}.sentence-completions{max-height:270px}}
.completion-tools{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.sentence-completions [aria-disabled=true]{color:var(--muted);background:var(--surface-raised)}

.write-workspace{max-width:1000px}
.writing-page #sentence-picker{position:fixed;inset:0;margin:auto;width:min(860px,calc(100vw - 48px));height:min(780px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);color:var(--text);z-index:1000;padding:24px;border:1px solid var(--line-strong);border-radius:12px;overscroll-behavior:contain}
#sentence-picker::backdrop{background:rgba(2,8,14,.78)}
.write-leave-dialog {
  width: min(420px, calc(100% - 32px));
  padding: 24px;
  border: 1px solid var(--line-strong);
  border-radius: 12px;
  background: var(--panel);
  color: var(--text);
}
.write-leave-dialog::backdrop { background: #151719a6; }
.write-leave-dialog h2 { font: 550 22px/1.2 var(--sans); letter-spacing: -.02em; text-transform: none; }
.write-leave-dialog p { margin: 0 0 24px; color: var(--muted); }
.write-leave-actions { display: flex; justify-content: flex-end; gap: 8px; }
.write-leave-actions button { font: 550 14px/1.25 var(--sans); letter-spacing: 0; text-transform: none; }
@media (max-width: 420px) {
  .write-leave-actions { display: grid; }
}
.writing-picker-open{overflow:hidden}
.write-picker-head{position:sticky;top:-24px;background:var(--panel);padding:12px 0;z-index:2}
.write-keyword{color:var(--accent);font-family:var(--mono);min-width:52px;align-self:flex-start;padding-top:2px}
.write-line{align-items:flex-start}
.write-empty-row{display:flex;gap:18px;padding:18px;border:1px dashed var(--line-strong);border-radius:8px}
.write-empty-row p{margin:0 0 12px}
.write-required .write-empty-row{border:1px solid var(--fault);background:color-mix(in srgb, var(--fault) 9%, var(--panel))}
.write-required-label{display:block;color:var(--fault);font-size:14px;margin-bottom:6px}
.write-line-added{animation:sentence-added 2s ease-out}
@keyframes sentence-added{from{background:var(--selected)}to{background:transparent}}
@media(prefers-reduced-motion:reduce){.write-line-added{animation:none;outline:1px solid var(--accent)}}
@media(max-width:800px){
 .writing-page #sentence-picker{width:calc(100vw - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);padding:18px;border-radius:12px}
 .write-picker-head{top:-18px}
 .write-line{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px}
 .write-line>div{grid-column:2;justify-self:end}
 .write-empty-row{gap:10px;padding:14px}
}