.code-tool{display:grid;gap:16px}.code-field{display:grid;gap:8px;color:var(--ink);font-weight:800}.code-textarea{width:100%;min-height:260px;resize:vertical;border:1px solid rgba(0,109,119,.18);border-radius:8px;background:#fbfefe;color:var(--ink);padding:14px;font:.95rem/1.55 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;tab-size:2;white-space:pre;overflow:auto}.code-textarea:focus{outline:none;box-shadow:var(--tool-focus)}.code-output{background:var(--mist)}.code-actions{display:flex;flex-wrap:wrap;gap:10px}.code-actions .button{min-height:44px}.code-meta{margin:0;border-radius:8px;padding:12px;background:#edf6f9db;color:var(--muted);font-weight:800}.code-meta.is-valid{background:#83c5be38;color:var(--deep-teal)}.code-meta.is-invalid{background:var(--peach);color:#613224}@media (max-width: 720px){.code-textarea{min-height:220px;font-size:.88rem}.code-actions{display:grid;grid-template-columns:1fr}}