.writing-layout{display:grid;min-height:700px;grid-template-columns:minmax(340px,.88fr) minmax(0,1.32fr)}.writing-controls{min-width:0;padding:clamp(22px,3vw,31px);border-right:1px solid var(--dev-line);background:#fcfcff;background:oklch(.992 .006 292)}.writing-file-button{display:flex;min-height:45px;margin-bottom:18px;align-items:center;justify-content:center;gap:8px;border:1.5px dashed var(--developer-border);border-radius:11px;color:var(--developer-accent);background:var(--developer-tint);font-size:.82rem;font-weight:780;cursor:pointer}.writing-file-button:hover{border-style:solid}.writing-file-button:focus-within{outline:3px solid color-mix(in oklab,var(--developer-accent) 16%,transparent);outline-offset:2px}.writing-file-button svg{width:18px}.writing-file-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.writing-field{display:grid;margin-bottom:12px;gap:8px}.writing-field>span{color:var(--dev-ink);font-size:.8125rem;font-weight:760}.writing-field textarea{width:100%;min-height:305px;padding:15px 16px;resize:vertical;border:1.5px solid var(--dev-line);border-radius:11px;outline:none;color:#20202d;background:#fff;font-family:inherit;font-size:.96rem;line-height:1.68}.writing-field textarea:focus-visible{border-color:var(--developer-accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--developer-accent) 14%,transparent)}.writing-input-meta{display:grid;gap:5px;color:var(--dev-muted);font-size:.72rem;line-height:1.48}.writing-input-meta span:first-child{font-variant-numeric:tabular-nums;font-weight:730}.writing-options{margin-top:20px}.writing-options:empty{display:none}.writing-options .dev-segmented>div{width:100%}.writing-options .dev-segmented label{min-width:0;flex:1;padding-inline:6px}.writing-run-button{width:100%;min-height:47px;margin-top:23px}.writing-spin{animation:writing-spin .85s linear infinite}.writing-result{display:grid;min-width:0;grid-template-rows:auto auto auto minmax(0,1fr) auto;align-content:start;background:#f8f7fe}.writing-result-heading{display:flex;min-height:52px;padding:0 18px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--dev-line);color:var(--dev-muted);background:#fbfbff;font-size:.75rem;font-weight:760}.writing-result-heading>span:first-child{display:inline-flex;align-items:center;gap:7px;color:var(--dev-ink);font-size:.8125rem}.writing-result-heading svg{width:17px;color:var(--developer-accent)}.writing-error{margin:16px 18px 0}.writing-metrics{display:grid;padding:13px 15px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-bottom:1px solid var(--dev-line);background:#faf9ff}.writing-findings{display:grid;max-height:610px;padding:clamp(17px,3vw,28px);align-content:start;gap:12px;overflow:auto}.writing-finding{min-width:0;padding:17px 18px;border:1px solid var(--dev-line);border-left:4px solid var(--developer-border);border-radius:11px;background:#fff;box-shadow:0 8px 24px #2c2b4109}.writing-finding__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.writing-finding__top>span{color:var(--dev-ink);font-size:.82rem;font-weight:800}.writing-finding__top small{flex:none;color:var(--dev-muted);font-size:.66rem;font-weight:700}.writing-finding>p{margin:7px 0 12px;color:var(--dev-muted);font-size:.8rem;line-height:1.55}.writing-finding__change{display:flex;min-width:0;align-items:center;flex-wrap:wrap;gap:8px}.writing-finding__change>span{color:var(--dev-muted);font-size:.9rem}.writing-finding__change>div{display:flex;min-width:0;flex-wrap:wrap;gap:6px}.writing-finding__change code{max-width:100%;padding:5px 8px;overflow-wrap:anywhere;border:1px solid oklch(.88 .025 286);border-radius:6px;color:#35305f;background:var(--developer-tint);font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem}.writing-finding__change>code:first-child{color:#782a24;border-color:#f6c3bb;background:#fff1ee;background:oklch(.97 .025 28);text-decoration:line-through;text-decoration-thickness:1px}.writing-finding__fix{display:inline-flex;min-height:34px;margin-top:13px;padding:0 11px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--developer-border);border-radius:8px;color:var(--developer-accent);background:var(--developer-tint);font-size:.72rem;font-weight:780;cursor:pointer}.writing-finding__fix:hover{border-color:var(--developer-accent)}.writing-finding__fix:focus-visible{outline:3px solid color-mix(in oklab,var(--developer-accent) 17%,transparent);outline-offset:2px}.writing-finding__fix svg{width:15px}.writing-limit-note{margin:2px 0 0;padding:12px;border-radius:8px;color:#5b3922;background:#ffefdb;background:oklch(.96 .04 75);font-size:.75rem;line-height:1.5}.writing-output{min-height:505px;margin:0;padding:clamp(25px,5vw,48px);overflow:auto;border:0;color:#252532;background:#fdfdff;background:oklch(.994 .004 292);font-family:Georgia,Times New Roman,serif;font-size:1.08rem;line-height:1.82;white-space:pre-wrap;overflow-wrap:anywhere}.writing-clean-result,.writing-empty{display:grid;min-height:505px;padding:28px;place-content:center;justify-items:center;gap:9px;color:var(--dev-muted);text-align:center}.writing-clean-result svg,.writing-empty svg{width:36px;height:36px;margin-bottom:5px;color:var(--developer-accent)}.writing-clean-result strong,.writing-empty strong{color:var(--dev-ink);font-size:1rem}.writing-clean-result span,.writing-empty span{max-width:34ch;font-size:.8rem;line-height:1.55}.writing-result-actions{display:flex;padding:15px 17px;align-items:center;flex-wrap:wrap;gap:9px;border-top:1px solid var(--dev-line);background:#fcfcff}.writing-result-actions .dev-button{width:auto;min-width:0}.writing-apply-button{margin-left:auto}@keyframes writing-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.writing-layout{min-height:0;grid-template-columns:1fr}.writing-controls{border-right:0;border-bottom:1px solid var(--dev-line)}.writing-findings{max-height:none}}@media(max-width:560px){.writing-controls{padding:18px 15px}.writing-field textarea{min-height:240px;font-size:.92rem}.writing-options .dev-segmented>div{display:grid;grid-template-columns:1fr}.writing-options .dev-segmented label{width:100%}.writing-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.writing-findings{padding:14px}.writing-finding{padding:15px 14px}.writing-finding__top{align-items:flex-start;flex-direction:column;gap:4px}.writing-output,.writing-clean-result,.writing-empty{min-height:390px;padding:24px 16px}.writing-result-actions{display:grid;grid-template-columns:1fr}.writing-result-actions>*,.writing-result-actions .dev-button{width:100%;justify-content:center}.writing-apply-button{margin-left:0}}@media(prefers-reduced-motion:reduce){.writing-spin{animation:none}}
