.cover-letter-workspace{width:100%;margin:0 auto}.cover-letter-workspace .card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.cover-letter-workspace .toolbar-card{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.cover-letter-workspace .toolbar-group-left{align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.cover-letter-workspace .toolbar-group-right{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.cover-letter-workspace .toolbar-label{font-size:var(--text-xs);color:var(--color-text);align-items:flex-start;gap:var(--space-2);flex-flow:column wrap;min-width:0;font-weight:500;display:flex}.cover-letter-workspace .cl-toolbar-select{font-size:var(--text-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);width:250px;min-width:0;max-width:100%;min-height:36px;padding:6px 10px}.cover-letter-workspace .cl-font-mobile-detail{display:none}.cover-letter-workspace .toolbar-save-status{font-size:var(--text-xs);color:var(--color-text-muted);margin-right:var(--space-1);font-weight:500}.cover-letter-workspace .word-count-badge{border-radius:var(--radius-sm);font-size:var(--text-xs);align-items:center;gap:6px;margin-top:35.5px;padding:4px 10px;font-weight:500;display:inline-flex}.cover-letter-workspace .word-count-badge--empty,.cover-letter-workspace .word-count-badge--short{background:color-mix(in srgb, var(--color-brand) 10%, transparent);color:var(--color-brand);border:1px solid color-mix(in srgb, var(--color-brand) 25%, transparent)}.cover-letter-workspace .word-count-badge--common{background:color-mix(in srgb, var(--color-success) 12%, transparent);color:var(--color-success);border:1px solid color-mix(in srgb, var(--color-success) 28%, transparent)}.cover-letter-workspace .word-count-badge--review,.cover-letter-workspace .word-count-badge--long{background:color-mix(in srgb, var(--color-warning) 12%, transparent);color:var(--color-warning);border:1px solid color-mix(in srgb, var(--color-warning) 28%, transparent)}.cover-letter-workspace .btn{border-radius:var(--radius-md);cursor:pointer;user-select:none;white-space:nowrap;min-height:40px;padding:0 var(--space-4);box-sizing:border-box;text-align:center;justify-content:center;align-items:center;font-family:inherit;font-weight:500;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.cover-letter-workspace .btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.cover-letter-workspace .btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.cover-letter-workspace .btn-primary{background:var(--color-brand);color:#fff;border:1px solid var(--color-brand)}.cover-letter-workspace .btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--color-brand) 88%, #000);border-color:color-mix(in srgb, var(--color-brand) 88%, #000)}.cover-letter-workspace .btn-ghost{color:var(--color-text);background:0 0;border:1px solid #0000}.cover-letter-workspace .btn-ghost:hover:not(:disabled){background:var(--color-surface-subtle)}.cover-letter-workspace .btn-sm{min-height:36px;padding:0 var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.cover-letter-workspace .cl-alert-banner{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--color-danger) 10%, transparent);color:var(--color-danger);border:1px solid color-mix(in srgb, var(--color-danger) 30%, transparent);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);font-weight:500;display:flex}.cover-letter-workspace .form-section-card{padding:var(--space-4)}.cover-letter-workspace .form-section-title{margin:0 0 var(--space-3) 0;color:var(--color-text);font-weight:600}.cover-letter-workspace .form-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));display:grid}.cover-letter-workspace .form-grid-2{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.cover-letter-workspace .full-width-field{grid-column:1/-1}.cover-letter-workspace .form-label{font-size:var(--text-xs);color:var(--color-text);margin-bottom:4px;font-weight:500;display:block}.cover-letter-workspace .required-mark{color:var(--color-danger);margin-left:2px;font-weight:700}.cover-letter-workspace .form-control{box-sizing:border-box;width:100%;font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);padding:8px 12px;font-family:inherit;transition:border-color .15s,box-shadow .15s}.cover-letter-workspace .form-control:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-focus) 20%, transparent);outline:none}.cover-letter-workspace .input-error,.cover-letter-workspace .form-control[aria-invalid=true]{border-color:var(--color-danger)!important}.cover-letter-workspace .input-error:focus,.cover-letter-workspace .form-control[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-danger) 25%, transparent)!important}.cover-letter-workspace .field-error-text{color:var(--color-danger);margin-top:3px;font-size:11px;font-weight:500;display:block}.cover-letter-workspace .privacy-hint-note{align-items:center;gap:var(--space-2);color:var(--color-text-muted);margin:var(--space-2) 0 0 0;display:flex}.cover-letter-workspace .preview-card{padding:var(--space-4);background:var(--color-surface-subtle);top:var(--space-4);position:sticky}.cover-letter-workspace .preview-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;display:flex}.cover-letter-workspace .preview-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);font-weight:700;display:block}.cover-letter-workspace .preview-subtitle{color:var(--color-text-muted);margin-top:2px;font-size:11px;display:block}.cover-letter-workspace .preview-size-badge{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 8px}.cover-letter-workspace .paper-preview-sheet{color:#14213a;border-radius:var(--radius-sm);box-sizing:border-box;overflow-wrap:break-word;word-break:break-word;background:#fff;width:100%;max-width:680px;min-height:600px;margin:0 auto;padding:36px 32px;font-size:13px;line-height:1.5;box-shadow:0 4px 14px #00000014}.cover-letter-workspace .doc-header-block{margin-bottom:16px}.cover-letter-workspace .doc-name{color:#0f172a;margin-bottom:2px;font-size:20px;font-weight:700;line-height:1.25}.cover-letter-workspace .doc-job-title{color:#475569;margin-bottom:4px;font-size:13px}.cover-letter-workspace .doc-contact-line{color:#64748b;font-size:11px;line-height:1.4}.cover-letter-workspace .doc-divider{border:none;border-top:1px solid #e2e8f0;margin:12px 0 16px}.cover-letter-workspace .doc-date-block{color:#14213a;margin-bottom:14px}.cover-letter-workspace .doc-recipient-block{color:#14213a;margin-bottom:16px;line-height:1.4}.cover-letter-workspace .doc-recipient-name{font-weight:600}.cover-letter-workspace .doc-recipient-title{color:#475569}.cover-letter-workspace .doc-recipient-address{color:#475569;white-space:pre-line}.cover-letter-workspace .doc-salutation-block{color:#14213a;margin-bottom:14px;font-weight:600}.cover-letter-workspace .doc-paragraph{color:#14213a;margin:0 0 12px}.cover-letter-workspace .doc-signoff-block{color:#14213a;margin-bottom:28px}.cover-letter-workspace .doc-signature-block{color:#14213a;font-weight:600}.cover-letter-workspace .result-ready-card{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--color-success) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-success) 30%, transparent);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.cover-letter-workspace .result-ready-title{font-size:var(--text-xs);color:var(--color-success);align-items:center;gap:6px;display:flex}.cover-letter-workspace .result-ready-meta{color:var(--color-text-muted);margin-top:2px;font-size:11px;display:block}.cover-letter-workspace .split-layout{gap:var(--space-6);grid-template-columns:1fr;display:grid}.cover-letter-workspace .editor-column,.cover-letter-workspace .preview-column{gap:var(--space-4);flex-direction:column;display:flex}.cover-letter-workspace .mobile-tab-switcher{gap:var(--space-1);background:var(--color-surface-subtle);border-radius:var(--radius-sm);margin-bottom:var(--space-4);padding:3px;display:flex}.cover-letter-workspace .mobile-tab-switcher .btn{flex:1}@media (width>=900px){.cover-letter-workspace .split-layout{grid-template-columns:1.15fr 1fr}.cover-letter-workspace .mobile-tab-switcher{display:none!important}.cover-letter-workspace .mobile-hidden{display:flex!important}}@media (width<=899px){.cover-letter-workspace .mobile-hidden{display:none!important}}@media (width<=640px){.cover-letter-workspace .toolbar-card{align-items:stretch;gap:var(--space-3);flex-direction:column}.cover-letter-workspace .toolbar-group-left,.cover-letter-workspace .toolbar-group-right{justify-content:flex-start;width:100%}.cover-letter-workspace .toolbar-group-left{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.cover-letter-workspace .toolbar-label{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.cover-letter-workspace .word-count-badge{margin-top:0}.cover-letter-workspace .cl-font-mobile-detail{color:var(--color-text-muted);font-size:var(--text-xs);overflow-wrap:anywhere;line-height:1.4;display:block}.cover-letter-workspace .cl-toolbar-select{width:100%}.cover-letter-workspace .toolbar-group-right .btn{flex:1;justify-content:center}.cover-letter-workspace .paper-preview-sheet{min-height:480px;padding:20px 16px}}@media (width<=520px){.cover-letter-workspace .form-grid-2{grid-template-columns:1fr}}@media (width<=380px){.cover-letter-workspace .card{padding:var(--space-3)}.cover-letter-workspace .toolbar-group-left{flex-direction:column;align-items:stretch}.cover-letter-workspace .cl-toolbar-select{width:100%}.cover-letter-workspace .paper-preview-sheet{padding:16px 12px;font-size:12px}}