.case-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:30px 0 24px}.case-modes{display:flex;flex-wrap:wrap;gap:8px}.case-modes button{font:500 12px Inter,sans-serif;min-height:44px;border:1px solid var(--line);border-radius:24px;background:var(--surface,#fff);color:var(--ink);padding:11px 17px;cursor:pointer}.case-modes button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.case-toolbar .save-tool{border:1px solid var(--line);border-radius:24px;font-size:11px;padding:10px 14px;white-space:nowrap;min-height:44px}.case-options{display:flex;align-items:center;gap:22px;margin-bottom:18px}.case-language{width:240px;flex:none}.case-language>label{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:8px}.case-language .picker-trigger{font-size:13px;min-height:48px;background:var(--surface,#fff);color:var(--ink)}.case-language .picker-panel{min-width:260px}#case-language-help{font-size:11px;line-height:1.9;color:var(--muted);max-width:55ch}.case-language select{width:100%;min-height:48px}#case-mode-help{font-size:13px;line-height:1.9;color:var(--muted);max-width:100ch;min-height:48px;margin-bottom:20px}.case-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}.case-editor{background:var(--surface,#fff);border:1px solid var(--line);border-radius:16px;padding:24px;min-width:0}.case-editor>label,.case-output-top label{display:block;font-size:13px;font-weight:600;margin-bottom:18px;color:var(--ink)}.case-editor textarea{display:block;width:100%;min-height:340px;resize:vertical;border:1px solid var(--control,#848C98);border-radius:10px;padding:16px;background:var(--paper);color:var(--ink);font:400 16px/1.9 Inter,sans-serif;outline-offset:4px}.case-editor textarea::placeholder{color:var(--muted);opacity:1}.case-editor textarea:focus-visible{outline:2px solid var(--focus)}.case-output{background:#141618;color:#fff;border-color:#3d444c}.case-output textarea{background:#202327;color:#fff;border-color:#646c78}.case-output textarea::placeholder{color:#b8bec7}.case-output-top{display:flex;gap:16px;justify-content:space-between;align-items:flex-start}.case-output-top label{color:white;white-space:nowrap}.case-output-top>span{font-size:10px;line-height:1.7;color:#b8bec7;max-width:45ch;margin-bottom:18px}.case-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}.case-actions button{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-size:11px;min-height:42px;padding:10px 14px;cursor:pointer}.case-output .case-actions button{background:none;color:white;border-color:#646c78}.case-output #case-copy{background:#fff;border-color:#fff;color:#141618}.case-actions button:disabled{opacity:.4;cursor:default}.case-page button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}#case-copy-status{font-size:11px;color:#b8bec7}#case-basic-note{color:#b8bec7;font-size:11px;line-height:1.9}#case-privacy{font-size:11px;line-height:1.9;color:var(--muted);margin:24px 0 40px}.case-examples{margin:32px 0 42px}.case-examples>h2{font-size:24px;line-height:1.6}.case-examples>p{font-size:13px;line-height:1.9;color:var(--muted)}.case-examples>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.case-examples article{border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);padding:22px;min-width:0}.case-examples h3{font:600 14px/1.7 Inter,sans-serif;letter-spacing:0;margin:0 0 18px}.case-examples article p{font-size:12px;line-height:1.9;color:var(--muted);overflow-wrap:anywhere}.case-examples article strong{display:block;font-size:14px;line-height:1.9;color:var(--ink);overflow-wrap:anywhere}.case-page .converter-guide{max-width:850px}@media(max-width:900px){.case-toolbar{align-items:flex-start}.case-modes{gap:6px}.case-modes button{font-size:11px;padding:11px 13px}.case-editor{padding:20px}.case-layout{gap:18px}.case-examples>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.case-layout{grid-template-columns:minmax(0,1fr)}.case-toolbar{flex-wrap:wrap;gap:16px}.case-modes{width:100%}.case-options{flex-wrap:wrap;gap:8px}.case-language{width:100%}#case-language-help{margin:0;max-width:none}#case-mode-help{margin-top:20px;min-height:0}.case-editor{padding:20px 16px}.case-editor textarea{min-height:270px}.case-examples>h2{font-size:22px}.case-examples article{padding:16px}}@media(max-width:380px){.case-examples>div{grid-template-columns:minmax(0,1fr)}}