@media (max-width:560px){.workspace{gap:var(--tool-gap-sm)}}@media (min-width:901px){main:is(
[data-tool=character],[data-tool=word],[data-tool=readability-checker],[data-tool=flesch-kincaid],[data-tool=coleman-liau],[data-tool=fry-readability],[data-tool=dale-chall],[data-tool=gunning-fog],[data-tool=smog-readability]
)>.workspace{max-height:var(--tool-fold-h);min-height:0;padding-top:var(--tool-gap)}main:is(
[data-tool=character],[data-tool=word],[data-tool=readability-checker],[data-tool=flesch-kincaid],[data-tool=coleman-liau],[data-tool=fry-readability],[data-tool=dale-chall],[data-tool=gunning-fog],[data-tool=smog-readability]
)>.workspace>.editor-card,main:is(
[data-tool=character],[data-tool=word],[data-tool=readability-checker],[data-tool=flesch-kincaid],[data-tool=coleman-liau],[data-tool=fry-readability],[data-tool=dale-chall],[data-tool=gunning-fog],[data-tool=smog-readability]
)>.workspace>.panel{min-height:0;max-height:100%;height:100%}main:is(
[data-tool=character],[data-tool=word],[data-tool=readability-checker],[data-tool=flesch-kincaid],[data-tool=coleman-liau],[data-tool=fry-readability],[data-tool=dale-chall],[data-tool=gunning-fog],[data-tool=smog-readability]
)>.workspace>.panel{display:flex;flex-direction:column;overflow:hidden}main:is([data-tool=character],[data-tool=word]) .score-hero{flex-shrink:0;min-height:128px;padding:18px 16px 14px}main:is([data-tool=character],[data-tool=word]) .panel-title{flex-shrink:0;padding:10px 12px 4px}main:is(
[data-tool=character],[data-tool=word],[data-tool=readability-checker],[data-tool=flesch-kincaid],[data-tool=coleman-liau],[data-tool=fry-readability],[data-tool=dale-chall],[data-tool=gunning-fog],[data-tool=smog-readability]
) .stat-row{padding:9px 12px}main:is(
[data-tool=character],[data-tool=word],[data-tool=readability-checker],[data-tool=flesch-kincaid],[data-tool=coleman-liau],[data-tool=fry-readability],[data-tool=dale-chall],[data-tool=gunning-fog],[data-tool=smog-readability]
) .stat-row .value{font-size:1.1rem}main:is([data-tool=character],[data-tool=word]) .stat-list{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}main:is(
[data-tool=readability-checker],[data-tool=flesch-kincaid],[data-tool=coleman-liau],[data-tool=fry-readability],[data-tool=dale-chall],[data-tool=gunning-fog],[data-tool=smog-readability]
) .stat-list--meta::-webkit-scrollbar,main:is([data-tool=character],[data-tool=word]) .stat-list::-webkit-scrollbar{width:8px}main:is(
[data-tool=readability-checker],[data-tool=flesch-kincaid],[data-tool=coleman-liau],[data-tool=fry-readability],[data-tool=dale-chall],[data-tool=gunning-fog],[data-tool=smog-readability]
) .stat-list--meta::-webkit-scrollbar-thumb,main:is([data-tool=character],[data-tool=word]) .stat-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}main:is(
[data-tool=readability-checker],[data-tool=flesch-kincaid],[data-tool=coleman-liau],[data-tool=fry-readability],[data-tool=dale-chall],[data-tool=gunning-fog],[data-tool=smog-readability]
)>.workspace textarea#text-input{min-height:0;flex:1 1 auto}main[data-tool=readability-checker] .editor-inline-stats{flex-shrink:0}main:is(
[data-tool=readability-checker],[data-tool=flesch-kincaid],[data-tool=coleman-liau],[data-tool=fry-readability],[data-tool=dale-chall],[data-tool=gunning-fog],[data-tool=smog-readability]
) .panel-readability .score-heroes,main:is(
[data-tool=readability-checker],[data-tool=flesch-kincaid],[data-tool=coleman-liau],[data-tool=fry-readability],[data-tool=dale-chall],[data-tool=gunning-fog],[data-tool=smog-readability]
) .panel-readability>.score-hero{flex-shrink:0}main:is(
[data-tool=readability-checker],[data-tool=flesch-kincaid],[data-tool=coleman-liau],[data-tool=fry-readability],[data-tool=dale-chall],[data-tool=gunning-fog],[data-tool=smog-readability]
) .panel-readability .score-heroes .score-hero,main:is(
[data-tool=readability-checker],[data-tool=flesch-kincaid],[data-tool=coleman-liau],[data-tool=fry-readability],[data-tool=dale-chall],[data-tool=gunning-fog],[data-tool=smog-readability]
) .panel-readability>.score-hero{min-height:108px;padding:14px 12px 12px}main:is(
[data-tool=readability-checker],[data-tool=flesch-kincaid],[data-tool=coleman-liau],[data-tool=fry-readability],[data-tool=dale-chall],[data-tool=gunning-fog],[data-tool=smog-readability]
) .panel-readability .stat-list--primary{flex-shrink:0}main:is(
[data-tool=readability-checker],[data-tool=flesch-kincaid],[data-tool=coleman-liau],[data-tool=fry-readability],[data-tool=dale-chall],[data-tool=gunning-fog],[data-tool=smog-readability]
) .panel-readability .panel-title--stats{flex-shrink:0;padding:8px 12px 4px;margin-top:4px}main:is(
[data-tool=readability-checker],[data-tool=flesch-kincaid],[data-tool=coleman-liau],[data-tool=fry-readability],[data-tool=dale-chall],[data-tool=gunning-fog],[data-tool=smog-readability]
) .panel-readability .stat-list--meta{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}}.editor-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.editor-card{display:flex;flex-direction:column;overflow:hidden;min-height:0}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:var(--toolbar-pad);border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap}.editor-toolbar .left{font-weight:600;font-size:.92rem;color:var(--text-soft)}.editor-actions{display:flex;gap:8px;flex-wrap:wrap}@media (max-width:640px){.editor-toolbar{padding:10px 12px}.editor-actions{width:100%;justify-content:space-between;gap:6px}.editor-actions .btn{min-height:44px;padding:8px 12px;font-size:.82rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 14px;font-size:.86rem;font-weight:600;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text-soft);cursor:pointer;transition:.14s}.btn:hover{color:var(--brand);border-color:var(--brand)}.btn svg{width:16px;height:16px;flex-shrink:0}.btn-primary,.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent}.btn-primary:hover,.btn.primary:hover{filter:brightness(1.07);color:#fff;border-color:transparent}.btn-secondary{background:var(--surface);color:var(--text-soft)}.btn-secondary:hover{color:var(--text);border-color:var(--border)}.btn-danger{background:var(--surface);color:var(--text-soft)}.btn-danger:hover{color:#dc2626;border-color:color-mix(in srgb,#dc2626 45%,var(--border));background:color-mix(in srgb,#dc2626 8%,var(--surface))}[data-theme=dark] .btn-danger:hover{color:#f87171;border-color:color-mix(in srgb,#f87171 50%,var(--border))}textarea#text-input,textarea#text-input-a,textarea#text-input-b,textarea#text-output{flex:1 1 auto;width:100%;min-height:0;resize:none;overflow-y:auto;border:0;outline:0;padding:18px 18px 22px;font-size:1.02rem;line-height:1.7;background:0 0;color:var(--text);font-family:inherit;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent}textarea#text-input-a::placeholder,textarea#text-input-b::placeholder,textarea#text-input::placeholder,textarea#text-output::placeholder{color:var(--text-mut)}#file-input{display:none!important}@media (max-width:900px){.workspace{grid-template-columns:1fr}textarea#text-input,textarea#text-input-a,textarea#text-input-b,textarea#text-output{min-height:clamp(240px,40vh,380px)}}textarea#text-input-a::-webkit-scrollbar,textarea#text-input-b::-webkit-scrollbar,textarea#text-input::-webkit-scrollbar,textarea#text-output::-webkit-scrollbar{width:10px}textarea#text-input-a::-webkit-scrollbar-thumb,textarea#text-input-b::-webkit-scrollbar-thumb,textarea#text-input::-webkit-scrollbar-thumb,textarea#text-output::-webkit-scrollbar-thumb{background:var(--border);border:3px solid var(--surface);border-radius:999px}textarea#text-input-a::-webkit-scrollbar-thumb:hover,textarea#text-input-b::-webkit-scrollbar-thumb:hover,textarea#text-input::-webkit-scrollbar-thumb:hover,textarea#text-output::-webkit-scrollbar-thumb:hover{background:var(--text-mut)}.panel{padding:6px}.panel-title{padding:12px 14px 6px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mut);font-weight:700}.stat-list{display:flex;flex-direction:column}.stat-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius-sm)}.stat-row:hover{background:var(--bg-soft)}.stat-row .label{color:var(--text-soft);font-size:.94rem}.stat-row .label small{display:block;color:var(--text-mut);font-size:.78rem;font-weight:400}.stat-row .value{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.2rem;color:var(--text);white-space:nowrap}.score-hero{text-align:center;padding:26px 18px 22px;border-bottom:1px solid var(--border);min-height:162px;display:flex;flex-direction:column;justify-content:center}.score-hero .big{font-size:clamp(2.6rem, 7vw, 3.8rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;font-variant-numeric:tabular-nums;max-width:100%;overflow-wrap:anywhere;background:linear-gradient(120deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.score-hero .cap{color:var(--text-mut);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:6px}.score-hero .score-bytes{color:var(--text-mut);font-size:.85rem;font-weight:600;margin-top:6px;letter-spacing:0;text-transform:none}.limit-bar{padding:12px 14px 14px;border-bottom:1px solid var(--border)}.limit-bar-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;font-size:.8rem}.limit-bar-title{font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-mut)}.limit-bar-count{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text-soft)}.limit-meter{margin:0}.limit-bar.limit-near .limit-meter>span{background:linear-gradient(90deg,#f59e0b,#f97316)}.limit-bar.limit-over .limit-meter>span{background:linear-gradient(90deg,#ef4444,#dc2626)}.limit-bar.limit-over .limit-bar-count{color:#dc2626}[data-theme=dark] .limit-bar.limit-over .limit-bar-count{color:#f87171}main:is(
[data-tool=readability-checker],[data-tool=flesch-kincaid],[data-tool=coleman-liau],[data-tool=fry-readability],[data-tool=dale-chall],[data-tool=gunning-fog],[data-tool=smog-readability]
) .panel.panel-readability{padding:10px 10px 12px}.panel-readability .score-heroes{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border);margin:0 0 2px}.panel-readability .score-heroes .score-hero{min-height:0;border-bottom:0;padding:20px 14px 18px}.panel-readability .score-heroes .score-hero+.score-hero{border-left:1px solid var(--border)}.panel-readability .score-hero{padding:22px 16px 20px;min-height:132px;margin:0}.panel-readability .score-hero .big{font-size:clamp(1.8rem, 4vw, 2.4rem)}.panel-readability .score-hero .interp{font-size:.78rem;padding:4px 10px;margin-top:8px}.panel-readability .meter{margin:12px 10px 4px}.panel-readability .meter-scale{padding:4px 10px 10px;font-size:.68rem}.panel-readability .stat-list--primary{margin:0;padding:2px 0 0}.panel-readability .stat-list--primary .stat-row{padding:var(--toolbar-pad);margin:0}.panel-readability .panel-title--stats{padding:var(--toolbar-pad) 8px;margin:8px 0 0;border-top:1px solid var(--border)}.panel-readability .stat-list--meta{display:flex;flex-direction:column;gap:4px;margin:0;padding:0 0 10px}.panel-readability .stat-list--meta .stat-row{padding:10px 16px;margin:0}