.tm-text-case-converter__controls{display:flex;flex-direction:column;container-type:inline-size}.tm-text-case-converter__primary{min-height:0}.tm-text-case-converter__section--input,.tm-text-case-converter__section--output{display:flex;flex-direction:column;min-height:0}.tm-text-case-converter__section--output{flex:1 1 auto}.tm-text-case-converter__section{margin-bottom:var(--spacing-5)}.tm-text-case-converter__section:last-child{margin-bottom:0}.tm-text-case-converter__section-label{display:block;margin-bottom:var(--spacing-2);font-size:12px;font-weight:600;color:var(--color-text-2);text-transform:uppercase;letter-spacing:.05em}.tm-text-case-converter__case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr));gap:var(--spacing-2)}.tm-text-case-converter__case-btn{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;max-width:100%;min-height:56px;text-align:left}.tm-text-case-converter__case-name{font-size:14px;font-weight:600;line-height:1.3}.tm-text-case-converter__case-example{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-width:0;max-width:100%;overflow:hidden;font-family:var(--font-mono);font-size:11.5px;font-weight:400;line-height:1.3;color:var(--color-text-3);white-space:normal}.tm-text-case-converter__option-row{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.tm-text-case-converter__note{margin:var(--spacing-2) 0 0;font-size:12px;line-height:1.5;color:var(--color-text-3)}.tm-text-case-converter__textarea{width:100%;min-height:150px;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text-1);font-family:var(--font-sans);font-size:14px;line-height:1.6;resize:vertical}.tm-text-case-converter__textarea.tw-workarea,.tm-text-case-converter__output.tw-workarea{min-height:clamp(200px,32vh,320px)}.tm-text-case-converter__textarea::placeholder{color:var(--color-text-3)}.tm-text-case-converter__textarea:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}[data-theme=dark] .tm-text-case-converter__textarea{background:var(--color-bg-3)}.tm-text-case-converter__input-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-3);margin-top:var(--spacing-2)}.tm-text-case-converter__counter{font-size:12px;color:var(--color-text-2);font-variant-numeric:tabular-nums}.tm-text-case-converter__input-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.tm-text-case-converter__output-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.tm-text-case-converter__output-head .tm-text-case-converter__section-label{margin-bottom:0}.tm-text-case-converter__output{min-height:150px;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-code-bg);color:var(--color-code-text);font-family:var(--font-mono);font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word;user-select:all}.tm-text-case-converter__output.is-empty{display:flex;align-items:center;color:var(--color-text-3);font-family:var(--font-sans);white-space:normal;user-select:none}@container (min-width: 720px){.tm-text-case-converter__case-grid{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr))}}.tm-text-case-converter__trust-note{display:flex;align-items:center;gap:var(--spacing-2);margin-top:auto;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-success) 10%,transparent);color:var(--color-success-text);font-size:12px;font-weight:500}@container (max-width: 480px){.tm-text-case-converter__case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 360px){.tm-text-case-converter__case-grid{grid-template-columns:minmax(0,1fr)}}.tm-text-case-converter__quick-case{display:none}.tm-text-case-converter__quick-case-select{width:100%;min-height:44px;padding:0 var(--spacing-3);border:1px solid var(--color-border-h);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text-1);font:inherit;font-size:14px}.tm-text-case-converter__quick-case-select:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}@media(max-width:760px){.tm-text-case-converter .tw-body[data-controls-position=left]>.tw-primary{order:-1;border-bottom:1px solid var(--color-border)}.tm-text-case-converter .tw-body[data-controls-position=left]>.tw-controls{border-bottom:none}.tm-text-case-converter__quick-case{display:block;margin-bottom:var(--spacing-3)}}