.tw{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);text-align:left;max-width:940px;margin:0 auto;padding:14px}.tw-row{background:var(--bg-subtle);border-radius:var(--radius-xl);flex-wrap:wrap;gap:6px;padding:7px;display:flex}.tw-row+.tw-row{margin-top:10px}.tw-tab{border-radius:var(--radius-pill);font-family:var(--font-sans);letter-spacing:-.01em;color:var(--fg-muted);cursor:pointer;white-space:nowrap;transition:background var(--dur-base)var(--ease-out),color var(--dur-base),border-color var(--dur-base);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:14.5px;font-weight:600;display:inline-flex}.tw-tab .ic{flex:none;width:17px;height:17px}.tw-tab:hover:not(.is-active){background:var(--bg-surface);color:var(--fg-default)}.tw-tab.is-active{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.tw-row.tw-sub{background:var(--bg-surface-2);border:1px solid var(--border-subtle)}.tw-row.tw-sub .tw-tab{padding:9px 14px;font-size:14px}.tw-row.tw-sub .tw-tab.is-active{background:var(--ink-900);color:var(--fg-on-dark);box-shadow:var(--shadow-sm)}.tw-form{background:var(--bg-surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-xl);transition:border-color var(--dur-base),box-shadow var(--dur-base);align-items:center;gap:10px;margin-top:12px;padding:10px 10px 10px 18px;display:flex}.tw-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--focus-ring)}.tw-form>.tw-lead{color:var(--accent);flex:none;width:22px;height:22px}.tw-form input{min-width:0;font-family:var(--font-sans);color:var(--fg-default);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:16px}.tw-form input::placeholder{color:var(--fg-subtle)}.tw-paste{border-radius:var(--radius-pill);border:1px solid var(--border-default);background:var(--bg-surface);width:42px;height:42px;color:var(--fg-muted);cursor:pointer;transition:all var(--dur-base)var(--ease-out);flex:none;place-items:center;display:grid}.tw-paste:hover{color:var(--accent);border-color:var(--accent)}.tw-paste .ic{width:17px;height:17px}.tw-submit{flex:none}.tw-submit[disabled]{opacity:.6;cursor:not-allowed}.tw-spin{animation:.9s linear infinite tw-spin}@keyframes tw-spin{to{transform:rotate(360deg)}}.tw-micro{color:var(--fg-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:14px 4px 6px;font-size:13.5px;display:flex}.tw-micro .tw-sep{color:var(--border-strong)}.tw-error{background:var(--red-50);color:var(--red-500);border-radius:var(--radius-md);align-items:center;gap:9px;margin:12px 4px 4px;padding:11px 14px;font-size:14.5px;font-weight:500;display:flex}.tw-error .ic{flex:none;width:17px;height:17px}.tw-result{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);animation:tw-pop .3s var(--ease-out);align-items:center;gap:24px;margin-top:14px;padding:22px;display:flex}@keyframes tw-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tw-result img{object-fit:cover;border:3px solid var(--bg-surface);width:148px;height:148px;box-shadow:var(--shadow-md);background:var(--bg-inset);border-radius:50%;flex:none}.tw-result-body{min-width:0}.tw-result-name{font-family:var(--font-display);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:19px;font-weight:700}.tw-result-handle{font-family:var(--font-mono);color:var(--fg-muted);margin:5px 0 0;font-size:13.5px}.tw-result-meta{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tw-result-meta span{background:var(--bg-inset);color:var(--fg-body);border-radius:var(--radius-pill);padding:4px 11px;font-size:12.5px;font-weight:600}.tw-result-cta{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}@media (max-width:720px){.tw{padding:10px}.tw-row{padding:5px}.tw-tab{padding:9px 13px;font-size:13.5px}.tw-form{flex-wrap:wrap;gap:8px;padding:12px}.tw-form input{flex:100%;order:-1;padding:6px 4px}.tw-form>.tw-lead{display:none}.tw-paste{margin-left:auto}.tw-submit{flex:1;justify-content:center}.tw-result{text-align:center;flex-direction:column;gap:18px}.tw-result-meta,.tw-result-cta{justify-content:center}}
