.writer-box,.writer-listbox,.writer-faq,.writer-comparison,.writer-linkcard{--writer-accent:var(--color-brand,#1f7a68);--writer-surface:var(--color-surface,transparent);--writer-line:var(--color-border-strong,color-mix(in srgb, currentColor 24%, transparent));box-sizing:border-box;color:inherit;overflow-wrap:anywhere;margin-block:1.8em;font-size:1em;line-height:1.85}.writer-box,.writer-listbox,.writer-faq{border:1px solid var(--writer-line);background:var(--writer-surface);border-radius:14px;padding:1.2em 1.4em}.writer-box .writer-block__title,.writer-listbox .writer-block__title,.writer-comparison .writer-block__title{margin:0 0 .65em;font-size:1em;font-weight:700;line-height:1.6}.writer-box .writer-block__text,.writer-faq .writer-block__text,.writer-linkcard .writer-block__text{white-space:pre-line;margin:0}.writer-box--point{border-inline-start:4px solid var(--writer-accent)}.writer-box--label{margin-block-start:2.3em;padding-block-start:1.6em;position:relative}.writer-box--label .writer-block__title{background:var(--writer-accent);color:var(--color-on-brand,#fff);border-radius:6px;margin-block:-2.5em 1em;padding:.2em .8em;display:table}.writer-box--note{background:color-mix(in srgb, var(--writer-accent) 6%, var(--writer-surface));border-style:dashed}.writer-box--warning{border:2px solid}.writer-box--warning .writer-block__title{text-underline-offset:.3em;text-decoration:underline}.writer-divider{border:0;border-block-start:1px solid var(--color-border-strong,#b6bfb9);height:0;margin:2.5em 0}.writer-divider--dashed{border-block-start-style:dashed}.writer-divider--dots{border-block-start:6px dotted var(--color-brand,#1f7a68);width:2.7em;margin-inline:auto}.writer-space{height:2.5em}.writer-listbox :is(ul,ol){gap:.8em;margin:0;padding:0;list-style:none;display:grid}.writer-listbox li{margin:0;padding-inline-start:2.2em;position:relative}.writer-listbox--check li:before{content:"✓";color:var(--writer-accent);font-weight:700;position:absolute;inset-inline-start:0}.writer-listbox--steps ol{counter-reset:writer-step}.writer-listbox--steps li{counter-increment:writer-step}.writer-listbox--steps li:before{content:counter(writer-step);border:1px solid var(--writer-line);width:1.65em;height:1.65em;color:var(--writer-accent);border-radius:50%;place-items:center;font-size:.85em;font-weight:700;display:grid;position:absolute;inset-block-start:.1em;inset-inline-start:0}.writer-faq :is(dt,summary){margin:0;font-weight:700;line-height:1.7}.writer-faq summary{cursor:pointer}.writer-faq summary:focus-visible{outline:2px solid var(--writer-accent);outline-offset:6px}.writer-faq .writer-faq__answer{border-block-start:1px solid var(--writer-line);gap:.75em;margin:1em 0 0;padding-block-start:1em;display:flex}.writer-faq__letter{font-family:var(--font-mono,monospace);color:var(--writer-accent);flex:none;margin-inline-end:.5em;font-weight:700}.writer-faq__answer .writer-faq__letter{margin:0}.writer-comparison__grid{border:1px solid var(--writer-line);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.writer-comparison__grid>div{background:var(--writer-surface);padding:1.2em}.writer-comparison__grid>div+div{border-inline-start:1px solid var(--writer-line)}.writer-comparison__grid ul{margin:0;padding-inline-start:1.2em}.writer-linkcard{border:1px solid var(--writer-line);background:var(--writer-surface);border-radius:14px;align-items:center;gap:1.2em;padding:1.2em 1.4em;text-decoration:none;display:flex}.writer-linkcard:hover{border-color:var(--writer-accent)}.writer-linkcard:focus-visible{outline:2px solid var(--writer-accent);outline-offset:4px}.writer-linkcard__body{flex:1;gap:.3em;min-width:0;display:grid}.writer-linkcard__label{color:var(--writer-accent);font-size:.7em;font-weight:700}.writer-linkcard .writer-block__text{opacity:.8;font-size:.85em}@media (width<=540px){.writer-box,.writer-listbox,.writer-faq{padding:1em}.writer-comparison__grid{grid-template-columns:minmax(0,1fr)}.writer-comparison__grid>div+div{border-inline-start:0;border-block-start:1px solid var(--writer-line)}}.ws{--color-brand:#1f7a68;--color-on-brand:#fff;--color-border-strong:color-mix(in srgb, currentColor 20%, transparent);--color-surface:light-dark(#fff,#171c1a);max-width:1200px;margin:0 auto;padding:clamp(16px,3vw,40px);font-size:14px;line-height:1.8}.ws *,.ws :before{box-sizing:border-box}.ws [hidden]{display:none!important}.ws-header{justify-content:space-between;align-items:center;gap:24px;margin-block-end:28px;display:flex}.ws .ws-section-label{letter-spacing:.1em;color:var(--color-brand);font-size:11px;font-weight:700}.ws h1{letter-spacing:-.03em;margin:10px 0 12px;font-size:clamp(24px,2.5vw,34px);font-weight:700;line-height:1.5}.ws-header p{max-width:42em;margin:0}.ws-button{background:var(--color-brand);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:16px;padding:11px 22px;font-weight:700;text-decoration:none;display:inline-flex}.ws-button:hover{background:#17614f}.ws-tip{border:1px solid var(--color-border-strong);border-inline-start:3px solid var(--color-brand);border-radius:10px;flex-wrap:wrap;gap:4px 20px;padding:16px 20px;display:flex}.ws-tip span{opacity:.75;font-size:12px}.ws-tabs{border-block-end:1px solid var(--color-border-strong);gap:20px;margin:28px 0;display:flex;overflow-x:auto}.ws-tabs button{color:inherit;cursor:pointer;font:inherit;opacity:.6;background:0 0;border:0;border-block-end:2px solid #0000;flex-shrink:0;padding:10px 0 14px;font-weight:700}.ws-tabs button[aria-selected=true]{opacity:1;color:var(--color-brand);border-block-end-color:currentColor}.ws-tools{grid-template-columns:1.15fr 1fr;align-items:start;gap:28px;display:grid}.ws-tool-select{gap:8px;font-size:12px;font-weight:700;display:none}.ws-tool-select select{border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;color:inherit;font:inherit;border-radius:10px;padding:12px}.ws-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ws-tool{text-align:start;border:1px solid var(--color-border-strong);background:var(--color-surface);color:inherit;cursor:pointer;font:inherit;border-radius:12px;align-content:start;gap:6px;min-width:0;padding:18px;transition:border-color .15s;display:grid;position:relative}.ws-tool:hover,.ws-tool[aria-pressed=true]{border-color:var(--color-brand)}.ws-tool[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--color-brand)}.ws-tool strong{font-size:14px;font-weight:700}.ws-tool>span:last-child{opacity:.7;font-size:11px}.ws-tool .ws-tool__number{color:var(--color-brand);letter-spacing:.1em;margin-block-end:4px;font-family:monospace;font-size:11px}.ws-preview{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:16px;min-width:0;padding:clamp(18px,2.5vw,28px)}.ws-tools>.ws-preview{position:sticky;top:24px}.ws-preview>.ws-section-label{border-block-end:1px solid var(--color-border-strong);padding-block-end:12px}.ws-how{border-block-start:1px solid var(--color-border-strong);margin-block-start:24px;padding-block-start:20px;font-size:12px}.ws-how p{opacity:.8;margin:6px 0 0}.ws .ws-muted{opacity:.65;margin-block:14px 0;font-size:11px}.ws-template-layout{grid-template-columns:minmax(220px,.7fr) 1.3fr;align-items:start;gap:28px;display:grid}.ws-template-list{gap:12px;display:grid}.ws-outline{margin:18px 0;padding:0;list-style:none}.ws-outline li{opacity:.6;margin:6px 0;font-size:12px}.ws-outline li.ws-outline__heading{opacity:1;margin:20px 0 6px;font-size:15px;font-weight:700}.ws-scratch{grid-template-columns:1.15fr 1fr;align-items:start;gap:28px;display:grid}.ws-field{gap:8px;margin-block-start:20px;font-size:12px;font-weight:700;display:grid}.ws-field :is(input,textarea){width:100%;min-width:0;font:inherit;color:inherit;border:1px solid var(--color-border-strong);resize:vertical;background:0 0;border-radius:8px;padding:12px;font-size:14px;font-weight:400;line-height:1.9}.ws-metrics{flex-wrap:wrap;align-items:baseline;gap:16px;padding:24px 0;display:flex}.ws-metrics strong{font-variant-numeric:tabular-nums;font-size:24px}.ws-metrics span{opacity:.7;font-size:12px}.ws-feedback{border-block-start:1px solid var(--color-border-strong);padding:16px 0}.ws-feedback strong{font-size:13px}.ws-feedback p{opacity:.8;margin:8px 0 0;font-size:12px}.ws-feedback blockquote{border-inline-start:2px solid var(--color-brand);opacity:.7;overflow-wrap:anywhere;margin:12px 0 0;padding-inline-start:12px;font-size:11px}.ws-footer{border-block-start:1px solid var(--color-border-strong);text-align:center;opacity:.6;margin-block-start:40px;padding-block-start:20px;font-size:11px}.ws :is(button,a,input,textarea):focus-visible{outline:2px solid var(--color-brand);outline-offset:4px}@media (width<=800px){.ws-header{flex-wrap:wrap}.ws-tools,.ws-template-layout,.ws-scratch{grid-template-columns:minmax(0,1fr)}.ws-tools>.ws-preview{position:static}.ws-tool-grid{display:none}.ws-tool-select{display:grid}}@media (width<=420px){.ws-tool-grid{grid-template-columns:minmax(0,1fr)}}