.writing-catalog{display:grid;gap:12px;background:#fff;border:1px solid #dfe7f4;border-radius:12px;padding:18px;margin:18px 0}.writing-catalog>div{display:flex;gap:20px;align-items:center}.writing-catalog strong{white-space:nowrap;font-size:13px;width:85px;flex-shrink:0}.writing-catalog>div>div{display:flex;gap:8px;flex-wrap:wrap}.writing-catalog a{padding:10px 14px;background:#f7f9fd;border:1px solid #e3eaf5;border-radius:7px;color:#3b5277;font-size:13px;min-height:40px;display:flex;align-items:center}.writing-catalog a[aria-current]{color:white;background:#2d6bff;border-color:#2d6bff;font-weight:600}.creation-heading{display:flex;align-items:center;gap:18px;justify-content:space-between}.creation-heading>div p{margin-top:8px}.guide-toggle{margin-bottom:14px}.writing-guide{background:#fff;border:1px solid #dbe6f5;border-radius:12px;padding:22px;margin-bottom:20px}.writing-guide[hidden]{display:none!important}.writing-guide h2{font-size:17px;margin:0}.writing-guide>div>p,.writing-guide p{font-size:12px;color:#6b809e;line-height:1.8}.writing-guide ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:16px 0}.writing-guide li{display:flex;gap:10px;align-items:flex-start}.writing-guide li>span{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:50%;background:#edf4ff;color:#2d6bff}.writing-guide b{font-size:13px}.guide-boundary{border-top:1px solid #e5edf8;padding-top:10px;margin:0}.creation-page .creation-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr)}.creation-page .creation-grid{align-items:start}.creation-page .creation-input,.creation-page .creation-output{min-height:0;align-self:start}.task-overview{padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #e2eaf6}.task-overview h2{font-size:18px}.task-overview p{background:#f4f8ff;margin:8px 0;padding:10px 12px;border-radius:6px;font-size:13px;color:#607797}.creation-page :is(input,select,textarea){font-size:14px}.creation-page .creation-actions .btn{font-size:13px}.creation-page .creation-disclaimer{font-size:12px;line-height:1.8;background:#f6f9ff;padding:10px;border-radius:7px}.creation-page .writing-steps{gap:12px}.creation-page .writing-steps button{font-size:12px}.creation-page #writing-material-review{display:grid;gap:16px}.creation-page #writing-material-review[hidden]{display:none}.creation-page #writing-material-review p,.creation-page #writing-material-summary{font-size:13px;line-height:1.8;color:#607797}.support-boundary{padding:14px 18px;background:#fff8e9;border:1px solid #f5e4bc;border-radius:9px;margin-bottom:20px;font-size:13px;line-height:1.8}.creation-page #support-form :is(label,input,select,textarea){display:block;width:100%}.creation-page #support-form>label{margin:16px 0 8px;font-size:13px}.creation-page #support-output{width:100%;margin-top:12px}.creation-page #support-status,.creation-page #support-error{font-size:13px;line-height:1.8}.creation-page #support-error{color:#bb4555}.writing-guide:has(li:nth-child(3):last-child) ol{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.writing-guide ol{grid-template-columns:repeat(2,minmax(0,1fr))}.creation-page .creation-grid{grid-template-columns:1fr 1fr}.writing-catalog>div{align-items:flex-start;gap:10px}}
@media(max-width:760px){.creation-page .creation-grid{grid-template-columns:1fr}.writing-catalog>div{display:block}.writing-catalog strong{display:block;margin-bottom:10px;width:auto}.writing-catalog a{font-size:13px;min-height:44px;padding:9px 12px}.writing-guide{padding:17px}.writing-guide ol,.writing-guide:has(li:nth-child(3):last-child) ol{grid-template-columns:1fr}.creation-page :is(input,select,textarea){font-size:16px}.creation-page .creation-heading{align-items:flex-start}.creation-heading>.btn{white-space:nowrap;font-size:12px}.creation-page .writing-steps{grid-template-columns:1fr 1fr}.guide-toggle{min-height:44px}.creation-page .creation-output{width:100%}.creation-page .creation-input:has(#support-form) .creation-actions{position:static}.creation-page .creation-disclaimer{font-size:12px}}

html{scrollbar-gutter:stable}.creation-page .card{transition:border-color .15s,box-shadow .15s}.creation-page :is(input,textarea,select){transition:border-color .15s,box-shadow .15s}