.writer-page{background:#eef2ef}.writer-layout{max-width:1480px;margin:0 auto;padding:30px 28px 40px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,1fr);gap:28px;align-items:start}.conversation-area{min-width:0}.writer-heading{padding:0 2px 22px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;font-weight:650;color:var(--tint);margin:0 0 7px}.writer-heading h2{font:600 34px 'Source Serif Pro',Georgia,serif;letter-spacing:-.6px;color:var(--spruce);margin:0}.writer-heading>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:8px 0 0;line-height:1.55}.connection{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--tint);margin-top:12px;line-height:1.4}.connection::before{content:'';width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#8a9690}.connection.connected::before{background:#85be00}.writer-builder{display:grid;gap:16px}.builder-step{background:white;border:1px solid #d8e2db;border-radius:8px;padding:21px 22px}.step-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.step-number{display:flex;align-items:center;justify-content:center;width:29px;height:29px;flex:0 0 29px;background:#e6f0e9;border:1px solid #c8dbcc;border-radius:50%;font-size:13px;font-weight:700;color:var(--spruce)}.step-heading h3{font-size:18px;line-height:1.45;letter-spacing:-.2px;color:var(--spruce);margin:0;font-weight:650}.step-heading p{font-size:12px;line-height:1.55;color:var(--muted);margin:4px 0 0}.brief-grid,.content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px}.full-field{grid-column:1/-1}.writer-builder label{font-size:12px;line-height:1.45;margin:13px 0 6px;font-weight:500;color:#354b3f}.writer-builder input:not([type=checkbox]),.writer-builder textarea,.writer-builder select{font-size:13px;min-height:40px;background:#fcfdfb;border-color:#cbd8cf;border-radius:5px}.writer-builder textarea{line-height:1.6;resize:vertical;min-height:96px}.optional-label{font-size:10px;font-weight:400;color:var(--muted);margin-left:5px}.benefit-options{min-width:0;margin:22px 0 18px;padding:14px 13px 9px;border:1px solid #dce5de;border-radius:6px}.benefit-options legend{font-size:12px;font-weight:600;color:var(--spruce);padding:0 6px}.benefit-options legend span{font-size:10px;font-weight:400;color:var(--muted);margin-left:5px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}.writer-builder .benefit-grid label{display:flex;align-items:flex-start;gap:8px;min-height:28px;margin:0;font-size:12px;font-weight:400;cursor:pointer;line-height:1.5}.benefit-grid input{width:15px;height:15px;flex:0 0 15px;margin:2px 0 0}.benefit-grid label:has(input:disabled){opacity:.5;cursor:default}.benefit-options .field-note{font-size:11px;line-height:1.5;margin:9px 0 0;color:var(--muted)}.create-step{background:#f9fcf9;border-color:#b8d0bf}.create-step .step-number{color:white;background:var(--spruce);border-color:var(--spruce)}.create-step .step-heading{margin-bottom:12px}.builder-summary{background:#eaf2eb;border-radius:5px;padding:10px 12px;font-size:12px;line-height:1.55;color:#355d46;margin:0 0 13px;overflow-wrap:anywhere}.create-content{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:12px 17px;border-radius:6px;font-size:14px}.create-content span{font-size:20px;line-height:1}.builder-notice{font-size:12px;line-height:1.6;margin:10px 0 0;overflow-wrap:anywhere}.builder-notice:empty{display:none}.builder-usage{font-size:10px;line-height:1.5;color:var(--muted);margin:10px 0 0}.writer-page .error{color:#9b3e24}.chat-refinement{margin:18px 0 0;padding:0;border:1px solid #d8e2db;border-radius:8px;background:white;overflow:hidden}.chat-refinement>summary{padding:17px 20px;cursor:pointer;font-size:14px;font-weight:650;color:var(--spruce);line-height:1.4}.chat-refinement[open]>summary{border-bottom:1px solid #e0e8e2}.refine-description{font-size:12px;line-height:1.6;color:var(--muted);margin:15px 20px 10px}.refine-actions{display:flex;flex-wrap:wrap;gap:7px;padding:0 20px 15px}.refine-actions button{padding:7px 10px;min-height:33px;border-radius:5px;background:#f5f9f5;font-size:11px;line-height:1.35}.refine-actions button:hover{background:#e8f1e9}.chat-panel{border-top:1px solid #e0e8e2;background:white;overflow:hidden}.messages{max-height:360px;min-height:0;overflow-y:auto;padding:16px 20px;scroll-behavior:smooth;overscroll-behavior:contain}.refinement-empty p{color:var(--muted);font-size:12px;line-height:1.6;margin:0}.chat-message{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:18px;gap:5px}.chat-message:last-child{margin-bottom:0}.message-author{font-size:11px;font-weight:650;color:var(--tint)}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65;padding:12px 14px;background:#f1f6f2;border-radius:0 8px 8px 8px;max-width:96%}.chat-message.user{align-items:flex-end}.chat-message.user .message-body{background:#e4eee6;border-radius:8px 0 8px 8px}.message-references{max-width:100%;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.message-references a{display:inline-block;color:var(--spruce);margin-right:8px}.typing{font-size:12px;color:var(--tint);padding:8px 0;margin:0}.composer{padding:15px 20px 13px;border-top:1px solid #e0e8e2}.composer>label{margin-top:0;font-weight:600;font-size:12px}.composer textarea{font-size:13px;line-height:1.6;resize:vertical;min-height:90px;max-height:240px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.composer-bottom span{font-size:10px;color:var(--muted);line-height:1.5}.composer-bottom button{flex-shrink:0;font-size:12px}.composer .field-note{font-size:12px;line-height:1.5;margin:8px 0 0;overflow-wrap:anywhere}.composer .field-note:empty{display:none}.draft-area{min-width:0;background:white;border:1px solid #d8e2db;border-radius:8px;padding:23px;position:sticky;top:18px}.draft-header{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.draft-header h2{font-size:22px;line-height:1.35;color:var(--spruce)}#draft-count{font-size:11px;color:var(--muted);white-space:nowrap;padding-bottom:3px}.draft-description{font-size:12px;color:var(--muted);line-height:1.65;margin:12px 0 15px}.draft-actions{display:flex;gap:8px;margin-bottom:13px}.draft-actions button{flex:1;font-size:12px;min-height:39px}.draft-area #working-draft{min-height:470px;height:calc(100vh - 395px);max-height:740px;resize:vertical;font-size:14px;line-height:1.75;padding:17px;background:#fbfcf9;color:#263c34;border-color:#ccd9cf;border-radius:5px}.draft-area .field-note{font-size:11px;line-height:1.55}.knowledge-panel{margin-top:15px;padding:0;border-top:1px solid #e0e8e2}.knowledge-panel summary{font-size:12px;font-weight:600;color:var(--spruce);padding-top:13px;cursor:pointer}.knowledge-panel ul{padding-left:17px;line-height:1.8;margin:10px 0;font-size:12px}.knowledge-panel a{color:var(--spruce);overflow-wrap:anywhere}#review-notes{background:#f7f5f2;padding:12px 14px;margin-top:12px;border-radius:5px}#review-notes h3{font-size:12px;margin:0}#review-list{font-size:12px;padding-left:16px;line-height:1.6;margin-bottom:0}.pending-draft{background:#f7f5f2;border:1px solid #ded6c8;padding:12px;margin-bottom:11px;font-size:12px;line-height:1.5;border-radius:5px}.pending-draft p{margin:0 0 9px}.pending-draft button{font-size:11px;margin:0 5px 5px 0}.writer-page #new-chat{font-size:13px;white-space:nowrap}.jump-draft{display:none}
@media(max-width:1100px){.writer-layout{padding:24px 18px;gap:18px;grid-template-columns:minmax(0,1.1fr) minmax(310px,1fr)}.builder-step{padding:18px}.writer-heading h2{font-size:31px}.draft-area{padding:19px}.draft-header h2{font-size:20px}.benefit-grid{grid-template-columns:1fr}.brief-grid,.content-grid{gap:0 12px}.refine-actions{padding-left:17px;padding-right:17px}.chat-refinement>summary{padding:16px 17px}}
@media(max-width:760px){.writer-layout{display:flex;flex-direction:column;padding:21px 12px 30px;gap:20px}.conversation-area,.draft-area{width:100%}.draft-area{position:static;padding:20px}.writer-heading{padding:0 3px 19px}.writer-heading h2{font-size:31px}.writer-heading>p:not(.eyebrow){font-size:14px}.builder-step{padding:18px 16px}.step-heading{gap:10px}.step-heading h3{font-size:18px}.step-heading p{font-size:12px}.writer-builder input:not([type=checkbox]),.writer-builder select,.writer-builder textarea,.composer textarea,.draft-area #working-draft{font-size:16px}.writer-builder input:not([type=checkbox]),.writer-builder select{min-height:43px}.brief-grid,.content-grid{gap:0 10px}.benefit-grid{grid-template-columns:1fr 1fr}.writer-builder .benefit-grid label{min-height:37px;font-size:12px}.benefit-grid input{width:17px;height:17px;flex-basis:17px}.benefit-options{padding:14px 11px 8px}.create-content{min-height:49px;font-size:15px}.builder-summary{font-size:12px}.builder-usage{font-size:11px}.refine-actions{gap:8px;padding:0 16px 16px}.refine-actions button{min-height:40px;font-size:12px}.refine-description{margin-left:16px;margin-right:16px}.messages{max-height:350px;padding:16px}.message-body{font-size:14px;max-width:100%}.composer{padding:15px 16px}.composer-bottom button{min-height:42px}.draft-area #working-draft{min-height:440px;height:490px;padding:15px}.draft-actions button{min-height:43px}.writer-page .identity{width:auto}.writer-page .identity img{width:128px}.writer-page .identity h1{font-size:16px}.writer-page .topbar{flex-wrap:nowrap;gap:10px}.writer-page #new-chat{font-size:12px;padding:9px 11px}.jump-draft{display:block;color:var(--spruce);font-weight:600;font-size:13px;padding:11px 0 0;text-underline-offset:3px}.back-to-chat{margin:-7px 0 14px;padding:0}#draft-title,#writer-refine,#writer-builder{scroll-margin-top:20px}.draft-header{align-items:flex-start}.draft-header h2{font-size:21px}}
@media(max-width:420px){.writer-page .identity h1{display:none}.brief-grid,.content-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.writer-builder label{margin-top:12px}.benefit-grid{grid-template-columns:1fr}.writer-heading h2{font-size:30px}.builder-step{padding:17px 15px}.draft-area{padding:18px}.draft-header h2{font-size:20px}#draft-count{font-size:10px}.composer-bottom{align-items:center}.composer-bottom span{font-size:10px}.refine-actions button{flex:1 0 calc(50% - 8px);text-align:left}}

@media(min-width:761px){.draft-area{max-height:calc(100vh - 36px);overflow-y:auto;scrollbar-gutter:stable}}

/* Keep the first draft path short; additional controls remain one click away. */
.writer-options{margin-top:17px;padding:0;border-top:1px solid #e0e8e2}
.writer-options>summary,.writer-options:not([open])>summary{display:flex;justify-content:flex-start;gap:8px;margin:0;padding:14px 0 0;font-size:12px;color:var(--spruce);line-height:1.5}
.writer-options>summary::after{margin-left:auto;font-size:18px}
.writer-options>summary .optional-label{margin-left:0;color:var(--muted);font-weight:400}
.writer-options[open]>summary{margin-bottom:12px}
.writer-options .field-note{margin:0 0 7px}
.writer-options .benefit-options{margin-bottom:0}
.writer-options textarea{min-height:116px}
.create-step{padding-top:17px;padding-bottom:17px}
.create-step #create-help{margin-bottom:0}
.draft-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.draft-actions button{white-space:normal;line-height:1.4}
.draft-actions #refine-draft{grid-column:1/-1;background:#edf5f0;color:var(--spruce);border-color:#b5cebd;font-weight:600}
.draft-actions #refine-draft:hover:not(:disabled){background:#deeee3}
.draft-action-status:empty{display:none}
.draft-action-status{padding:9px 11px;background:#edf5f0;border-radius:5px;color:var(--spruce)!important;margin:-2px 0 12px!important}
.draft-area #working-draft{min-height:360px;height:calc(100vh - 420px)}
@media(max-width:760px){.writer-options>summary,.writer-options:not([open])>summary{font-size:14px;padding-top:16px}.writer-options .field-note{font-size:12px}.draft-actions button{min-height:44px;font-size:13px}.draft-area #working-draft{min-height:380px;height:440px}.create-step{padding:16px}.writer-options>summary .optional-label{font-size:11px}}