.blank-character-tool{background:#fff;border:1px solid #e7eaf0;border-radius:24px;box-shadow:0 18px 50px #0f172a12;display:flex;flex-direction:column;gap:22px;min-width:0;overflow:hidden;padding:24px}.blank-character-tool__head,.blank-character-tool__option-topline,.blank-character-tool__section-head{align-items:center;display:flex}.blank-character-tool__head{gap:20px;justify-content:space-between}.blank-character-tool__copy-error,.blank-character-tool__eyebrow,.blank-character-tool__section-head h3,.blank-character-tool__section-head p,.blank-character-tool__test-result p,.blank-character-tool__title{margin:0}.blank-character-tool__eyebrow{color:var(--danger-color);font-size:13px;font-weight:800;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.blank-character-tool__title{color:#111827;font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.2}.blank-character-tool__copy-error svg,.blank-character-tool__section-head>svg,.blank-character-tool__test-result>svg{flex:0 0 auto;height:22px;width:22px}.blank-character-tool__options{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.blank-character-tool__option{background:#fafbfc;border:1px solid #e7eaf0;border-radius:18px;display:flex;flex-direction:column;gap:14px;min-width:0;padding:16px;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.blank-character-tool__option-main{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.blank-character-tool__option-topline{align-items:flex-start;gap:8px;justify-content:space-between;width:100%}.blank-character-tool__option-topline strong{color:#111827;font-size:15px;line-height:1.3}.blank-character-tool__option-topline span{background:#ea55551a;border-radius:999px;color:var(--danger-color);flex:0 0 auto;font-size:10px;font-weight:800;line-height:1.2;padding:4px 7px}.blank-character-tool__option code,.blank-character-tool__test-codes code{background:#eef1f5;border-radius:7px;color:#374151;font-size:12px;font-weight:800}.blank-character-tool__option code{padding:5px 8px}.blank-character-tool__option-summary{color:#374151;font-size:13px;font-weight:650;line-height:1.5}.blank-character-tool__option small{color:#6b7280;font-size:12px;line-height:1.5}.blank-character-tool__workspace{min-width:0}.blank-character-tool__tester{background:#fafbfc;border:1px solid #e7eaf0;border-radius:20px;display:flex;flex-direction:column;gap:16px;min-width:0;padding:20px}.blank-character-tool__section-head{align-items:flex-start;gap:10px}.blank-character-tool__section-head>svg{color:var(--danger-color)}.blank-character-tool__section-head h3{color:#111827;font-size:18px;font-weight:800}.blank-character-tool__section-head p{color:#6b7280;font-size:13px;line-height:1.5;margin-top:4px}.blank-character-tool__test-result{background:#fff;border:1px solid #e7eaf0;border-radius:16px;color:#6b7280;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);min-width:0;padding:14px}.blank-character-tool__test-result--success{background:#f0fdf4;border-color:#15803d2e;color:#166534}.blank-character-tool__test-result--warning{background:#fffbeb;border-color:#b4530933;color:#92400e}.blank-character-tool__test-result strong{color:#111827;display:block;font-size:14px}.blank-character-tool__test-result p{font-size:12px;line-height:1.5;margin-top:4px}.blank-character-tool__test-codes{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:10px 0 0;padding:0}.blank-character-tool__test-codes li{align-items:center;background:#fffc;border-radius:9px;color:#374151;display:inline-flex;font-size:11px;gap:6px;max-width:100%;padding:5px 8px}.blank-character-tool__test-codes code{padding:2px 4px}.blank-character-tool__copy-error{align-items:flex-start;background:#fef2f2;border-radius:14px;color:#b91c1c;display:flex;font-size:13px;gap:8px;line-height:1.5;padding:12px 14px}@media(max-width:1080px){.blank-character-tool__options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.blank-character-tool{border-radius:20px;padding:18px}.blank-character-tool__head{align-items:stretch}}@media(max-width:560px){.blank-character-tool{gap:18px;padding:14px}.blank-character-tool__options{grid-template-columns:minmax(0,1fr)}.blank-character-tool__option,.blank-character-tool__tester{border-radius:16px;padding:14px}.blank-character-tool__option-topline{flex-direction:column}.blank-character-tool__option-topline span{align-self:flex-start}}
