:root{--paper:#f1efea;--ink:#1f1d1a;--accent:#b5442a;--accent-hover:#963923}
.hub-writer{background:#eae1cd}.writer-new{font:10px 'JetBrains Mono',monospace;background:#1f1d1a;color:white;padding:4px 9px;border-radius:20px}.writer-preview{margin:30px auto 40px;padding:18px;background:white;border-radius:16px;width:min(300px,90%);box-shadow:0 10px 30px #3c2d1418}.writer-preview>span{font:10px 'JetBrains Mono',monospace;letter-spacing:1px;color:#8a5a1f}.writer-preview p{font-size:13px}.writer-preview small{font-size:11px;background:#f1efea;padding:5px 10px;border-radius:20px}.writer-paper{background:#fffcf5;padding:20px;margin:18px -10px -65px 30px;transform:rotate(3deg);box-shadow:0 14px 34px #3c2d1429;font:22px 'Instrument Serif',serif}.writer-paper hr{border:0;border-top:1px solid #c9715a}.writer-paper i{display:block;height:5px;background:#e2dcd0;margin:7px 0;width:92%}.writer-paper i:nth-child(odd){width:70%}.writer-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;margin-top:32px}.writer-main,.writer-aside{display:grid;gap:20px;min-width:0}.writer-aside{position:sticky;top:24px}.writer-card{background:white;border-radius:24px;padding:24px;box-shadow:0 1px 0 #e4e0d7}.writer-card p,.writer-results>p{font-size:13px;color:#6b665e;line-height:1.6}.writer-card h2,.writer-results h2{font:32px 'Instrument Serif',serif;margin:14px 0}.writer-materials{background:#eae1cd}.writer-card .document-block{padding:0;background:transparent;border:0;box-shadow:none;margin:0}.writer-card .document-title{margin-bottom:16px}.writer-card .document-title h3{font-size:14px}.writer-apps{display:grid;gap:16px;margin:22px 0}.writer-apps .document-block{background:#ffffff85;border-radius:16px;padding:16px}.writer-card textarea{width:100%;min-height:140px;box-sizing:border-box;resize:vertical}.writer-card .compact-upload{min-width:0;flex-wrap:wrap}.writer-overview #writer-status p{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #eee}.writer-overview b{font-size:12px;font-weight:500;color:#3e5236}.writer-overview .button{margin-top:16px}.writer-card summary{cursor:pointer;font-weight:600;font-size:15px;padding:4px 0}.writer-card details[open] summary{margin-bottom:18px}.writer-empty{padding:48px 20px;text-align:center;border:1px dashed #c9bea6;border-radius:20px;line-height:1.8;color:#6b665e}.writer-results .writer-card{margin-top:18px}.writer-results textarea{line-height:1.65;min-height:400px}.writer-results h3{font-weight:500}.view-writer .intro{display:grid;grid-template-columns:1fr 1fr;column-gap:50px}.view-writer .intro .eyebrow{grid-column:1/-1}.view-writer .intro>p{align-self:center;max-width:420px;font-size:15px}.writer-card .notice.error:empty{display:none}.view-writer .document-requirement{font-size:10px}.top-navigation{flex-wrap:wrap}
@media(max-width:900px){.writer-layout{grid-template-columns:minmax(0,1fr)}.writer-aside{position:static;grid-row:1}.writer-aside #writer-status{display:none}.view-writer .intro{display:block}.writer-overview{padding:18px}.writer-aside{gap:12px}}
@media(max-width:600px){.writer-card{padding:18px;border-radius:18px}.hub-card h2{font-size:38px}.writer-results .feedback-actions{flex-direction:column}.writer-preview{width:85%}.writer-card .document-title{flex-wrap:wrap}}
.hub-grid>.hub-interview{grid-column:1/-1}
.writer-apps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.writer-apps .document-block{min-width:0;padding:14px}
.writer-apps .document-title{display:block;min-height:52px;margin-bottom:8px}
.writer-apps .document-title h3{font-size:13px;gap:6px}
.writer-apps .document-title h3 .icon{width:16px;height:18px}
.writer-apps .document-requirement{display:block;margin-top:6px}
.writer-apps .input-switch{display:flex;width:fit-content;max-width:100%;gap:0;padding:3px}
.writer-apps .input-switch button{font-size:12px;padding:7px 9px;white-space:nowrap}
.writer-apps .compact-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 8px;gap:8px;min-height:145px;border-radius:14px}
.writer-apps .file-description{flex:none;width:100%}.writer-apps .file-description b{font-size:12px}.writer-apps .file-description small{font-size:10px}.writer-apps .replace-file{font-size:12px}.writer-apps .text-pane textarea{min-height:145px;padding:12px;font-size:13px;border-radius:14px}.writer-apps .preview-extracted{font-size:11px}
.writer-instruction-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.writer-instruction-heading .button{padding:8px 14px;white-space:nowrap;font-size:12px}.writer-instruction-preview{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#writer-instruction-dialog{width:min(800px,calc(100vw - 40px));max-height:90dvh;box-sizing:border-box;border:1px solid var(--line);border-radius:24px;padding:28px;color:var(--ink);background:#fffdf8;box-shadow:0 24px 100px #1f1d1a33}
#writer-instruction-dialog::backdrop{background:#1f1d1a66;backdrop-filter:blur(3px)}
#writer-instruction-dialog h2{margin:0;font:34px 'Instrument Serif',serif}#writer-instruction-dialog .field{margin:24px 0 16px}#writer-instruction-dialog textarea{height:clamp(320px,52dvh,580px);line-height:1.65;font-size:15px;padding:18px;background:#fff}#writer-instruction-dialog .feedback-actions{justify-content:space-between}
@media(max-width:600px){.writer-apps{grid-template-columns:minmax(0,1fr)}.writer-apps .document-title{min-height:0}.writer-apps .compact-upload{min-height:100px}.writer-instruction-heading{flex-wrap:wrap}#writer-instruction-dialog{padding:20px}#writer-instruction-dialog h2{font-size:28px}}
.writer-job{background:#e5e9e0}.writer-job .text-pane textarea{background:#ffffffd9;border:1px solid #b7bfb0;color:#1f1d1a}.writer-job textarea::placeholder{color:#58634f}.writer-job .compact-text-count{color:#4e5947}
#writer-status{display:grid;gap:8px;margin-top:16px}#writer-status .material-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px;text-align:left;border:1px solid #e5e0d7;border-radius:14px;background:#fff}#writer-status .material-nav-copy{flex:1}#writer-status .material-nav-copy b{color:var(--ink);font-size:13px}#writer-status .material-nav-number .icon{width:16px;height:16px}
#writer-instruction-dialog{max-width:800px}#writer-instruction-dialog .consent{margin:16px 0;font-size:13px}
@media(max-width:900px){.writer-aside #writer-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:450px){.writer-aside #writer-status{grid-template-columns:minmax(0,1fr)}}
/* Shared hierarchy and document surfaces across the two material sections. */
.writer-section-header{margin-bottom:22px}.writer-section-header .eyebrow{display:block;font-size:10px;line-height:1.5;letter-spacing:1px}.writer-section-header h2{font:400 32px/1.15 'Instrument Serif',serif;margin:14px 0}.writer-section-header p{font-size:13px;line-height:1.6;color:#565c52;margin:0}
.writer-job>.document-block,.writer-materials>.document-block{padding:14px;border-radius:16px;background:#ffffff85}
.writer-main .document-title h3{font-size:13px;gap:6px}.writer-main .document-title h3 .icon{width:16px;height:18px}.writer-main .input-switch{padding:3px;gap:0}.writer-main .input-switch button{font-size:12px;padding:7px 9px}.writer-main .text-pane textarea{border:1px solid #c2c6bb;border-radius:14px;background:#ffffffed;color:#1f1d1a}.writer-main textarea::placeholder{color:#58634f}.writer-main .compact-upload{border-radius:14px}.writer-main .compact-text-count{color:#58634f}.writer-materials .writer-apps{margin:0 0 16px}
@media(max-width:600px){.writer-section-header h2{font-size:28px}.writer-section-header{margin-bottom:18px}}