.container{max-width:1100px;margin:0 auto;padding:16px}.h2{margin-bottom:12px}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:12px}.toolbar label{display:flex;gap:8px;align-items:center}.input,.select{padding:6px 10px;border:1px solid #cfcfcf;border-radius:10px;background:#fff;font-size:1rem}.input-n{width:90px;text-align:right}.btn{padding:8px 12px;border-radius:14px;border:1px solid #d0d0d0;background:#fff;cursor:pointer}.btn:hover{background:#f3f3f3}.btn:disabled{opacity:.6;cursor:not-allowed}.card{border:1px solid #dedede;border-radius:16px;padding:14px;background:#fff}.cardHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.cardActions{display:flex;gap:10px;align-items:center}.cardBody{margin-top:6px}.metaLine{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.meta-id{color:#777;font-size:1.05rem}.meta-grammar{font-size:1rem;font-weight:700;color:#000}.meta-word{font-weight:800}.meta-pos{font-weight:600}.meta-dot{font-weight:400}.meta-rank,.meta-freq{font-size:1.05rem;color:#555}.nl{font-size:2.2rem;font-weight:700;margin:10px 0 14px}.error{color:#c00;margin-bottom:10px}.details{margin-top:10px}.block{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.blockCol{min-width:260px}.blockTitle{font-weight:700;margin-bottom:2px}.pre{white-space:pre-wrap;font-weight:700;line-height:1.45}.sttBox{margin-top:10px;padding:12px;border:1px dashed #cfcfcf;border-radius:12px}.sttMeta{font-size:.9rem;color:#666;margin-bottom:6px}.sttLine{margin-top:6px}.wordRow{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.wordOk{color:green;font-weight:700}.wordBad{color:red;font-weight:700}.toolbar-id{font-size:.95rem;color:#666;white-space:nowrap}@media(max-width:720px){.container{padding:12px}.h2{font-size:1.35rem;margin-bottom:10px}.toolbar{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:10px;row-gap:10px;align-items:center;margin-bottom:12px}.toolbar>label:nth-of-type(1){grid-column:1 / span 4;grid-row:1}.toolbar>label:nth-of-type(2){grid-column:5 / span 4;grid-row:1}.toolbar>label:nth-of-type(3){grid-column:9 / span 4;grid-row:1}.toolbar label{width:auto;min-width:0;white-space:nowrap;gap:6px;justify-content:flex-start;align-items:center}.toolbar>label:nth-of-type(1) .input-n{width:44px;padding:4px 6px;font-size:.9rem}.toolbar>label:nth-of-type(2) .select,.toolbar>label:nth-of-type(3) .select{min-width:56px;padding:6px 8px;font-size:.95rem}.toolbar-id{grid-column:1 / -1;grid-row:2;white-space:normal;margin-top:0}.spacer{display:none}.toolbar>button.btn{grid-row:3;grid-column:span 3;padding:10px 8px;border-radius:14px;font-size:.95rem}.card{padding:12px;border-radius:14px}.cardHeader{flex-direction:column;align-items:stretch;gap:10px}.cardActions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:center}.cardActions .btn{min-width:0;padding:10px 6px;font-size:.9rem}.nl{font-size:1.55rem;line-height:1.2;margin:10px 0 12px}.blockCol{min-width:100%}.pre{font-weight:600}}@media(max-width:420px){.nl{font-size:1.3rem}.input,.select{font-size:.95rem}}body{font-family:system-ui,sans-serif;background:#f7f9fc;margin:0}.container{max-width:900px;margin:auto;padding:16px}.btn{padding:8px 12px;border-radius:10px;cursor:pointer}.card{background:#fff;border-radius:16px;padding:16px}.nl{font-size:22px;font-weight:700}.wordOk{background:#eaffea;padding:4px 6px;border-radius:6px}.wordBad{background:#ffecec;padding:4px 6px;border-radius:6px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.input,.select{padding:8px 10px;border-radius:10px;border:1px solid #e5e7eb;background:#fff}.btn{padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.spacer{flex:1}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.chip{border:1px solid var(--border);background:var(--chip);padding:6px 10px;border-radius:999px;font-size:13px}