.text-tool{padding:46px 0 80px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}.page-heading h1{font-size:clamp(30px,4.5vw,48px);line-height:1.2;letter-spacing:-.035em;margin:7px 0}.page-heading p{margin:0;color:var(--muted)}.safe-badge{background:#f1ffd0;border:1px solid #d7f48e;border-radius:14px;padding:13px 16px;display:grid;grid-template-columns:28px auto;column-gap:8px;min-width:280px}.safe-badge>span{grid-row:1/3;width:26px;height:26px;background:#151515;color:#caff27;border-radius:50%;display:grid;place-items:center;font-weight:900}.safe-badge strong{font-size:13px;line-height:1.4}.safe-badge small{font-size:11px;color:#687055}.converter-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow)}.textarea-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.textarea-head label{font-size:14px;font-weight:900}.textarea-head span{font-size:12px;color:var(--muted)}textarea{display:block;width:100%;min-height:300px;resize:vertical;border:1px solid #cfd2ca;border-radius:12px;background:#fafbf8;color:var(--ink);padding:18px;font:500 16px/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;outline:none;transition:.2s}textarea:focus{border-color:#9ed000;box-shadow:0 0 0 4px rgba(202,255,39,.22);background:#fff}.convert-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.convert-btn{display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #151515;border-radius:12px;background:#151515;color:#fff;padding:14px;cursor:pointer;text-align:left;transition:.2s}.convert-btn:hover{transform:translateY(-2px);color:#caff27}.case-sample{display:grid;place-items:center;min-width:50px;height:42px;border-radius:8px;background:#caff27;color:#101214;font-weight:950}.convert-btn strong,.convert-btn small{display:block}.convert-btn small{color:#aeb2b4;font-size:11px}.utility-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.ghost-btn,.copy-btn{border-radius:10px;padding:10px 16px;font-weight:900;cursor:pointer}.ghost-btn{border:1px solid var(--line);background:#fff;color:var(--muted)}.copy-btn{border:1px solid #a9df00;background:#caff27;color:#101214}.copy-btn:hover{background:#bdf314}.example-section{margin-top:50px}.example-section h2{text-align:center;font-size:24px}.examples{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.examples>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.examples span{display:block;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.1em;margin-bottom:7px}.examples code{font-size:12px;overflow-wrap:anywhere}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);background:#151515;color:#fff;border-radius:10px;padding:10px 16px;opacity:0;pointer-events:none;transition:.2s;z-index:30;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){.page-heading{display:block}.safe-badge{margin-top:18px;min-width:0}.convert-actions,.examples{grid-template-columns:1fr}.text-tool{padding-top:30px}.converter-panel{padding:18px}textarea{min-height:260px}.utility-actions{display:grid;grid-template-columns:1fr 1fr}.ghost-btn,.copy-btn{padding:11px 8px}}