:root{--bg: #f1f5f9;--surface: #ffffff;--surface-soft: #f8fafc;--border: #dbe7f5;--text: #0f172a;--muted: #475569;--primary: #0ea5e9;--primary-dark: #0369a1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 0 0,#e0f2fe,#f1f5f9 35%,#f8fafc);color:var(--text)}a{color:var(--primary-dark);text-decoration:none}a:hover{text-decoration:underline}.tbx-layout{max-width:1320px;margin:0 auto;padding:20px;display:grid;grid-template-columns:300px 1fr;gap:20px;min-height:100vh}.tbx-sidebar{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--border);border-radius:18px;padding:18px;position:sticky;top:14px;height:calc(100vh - 28px);overflow:auto}.tbx-brand{font-size:1.6rem;font-weight:800;color:#075985}.tbx-brand-sub{margin-top:4px;color:var(--muted);font-size:.9rem}.tbx-group-wrap{margin-top:14px;display:grid;gap:10px}.tbx-group{border:1px solid var(--border);border-radius:12px;background:var(--surface)}.tbx-group summary{cursor:pointer;list-style:none;padding:10px 12px;font-weight:700;color:#0c4a6e}.tbx-group summary::-webkit-details-marker{display:none}.tbx-group-links{padding:0 10px 10px;display:grid;gap:6px}.tbx-nav-link{border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:#fff;color:var(--text);font-size:.92rem}.tbx-nav-link.active{border-color:#7dd3fc;background:#e0f2fe;color:#075985}.tbx-content{display:grid;gap:14px;align-content:start;min-width:0}.tbx-langbar{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--muted)}.tbx-langbar a{border:1px solid var(--border);border-radius:8px;padding:3px 8px;color:var(--text);text-decoration:none}.tbx-langbar a.active{background:#e0f2fe;border-color:#7dd3fc;color:#075985}.tbx-lang-note{margin-inline-start:6px}.tbx-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;min-width:0}.tbx-card h1{margin:0 0 8px;font-size:2rem}.tbx-lead{margin-top:0;color:var(--muted)}.tbx-body{display:grid;gap:14px;min-width:0}.tbx-grid-links{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tbx-link-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;padding:12px;font-weight:600}.tbx-stack{display:grid;gap:12px}.tbx-post{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;padding:12px}.tbx-section{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;padding:12px;min-width:0}.tbx-section h2{margin-top:0}.tbx-form{display:grid;gap:8px;max-width:520px}input,button,textarea,select{font:inherit}input,textarea,select{border:1px solid #bfd5ee;border-radius:10px;padding:9px 10px;background:#fff}button{border:0;border-radius:10px;background:linear-gradient(90deg,var(--primary-dark),var(--primary));color:#fff;padding:10px 14px;font-weight:700;cursor:pointer}.tbx-result{margin-top:8px;color:#0c4a6e}.tbx-upload-state{margin-top:10px;padding:10px;border:1px solid var(--border);border-radius:10px;background:#f8fafc}.tbx-upload-meta{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.9rem;color:var(--muted)}.tbx-progress-track{width:100%;height:10px;border-radius:999px;background:#dbeafe;overflow:hidden}.tbx-progress-fill{height:100%;background:linear-gradient(90deg,#0284c7,#0ea5e9);transition:width .12s linear}.tbx-upload-result{margin-top:10px;border:1px solid var(--border);border-radius:10px;background:#fff;padding:10px}.tbx-upload-result h4{margin:0 0 6px}.tbx-note{margin-top:8px;color:var(--muted);font-size:.92rem}.tbx-preview-grid{margin-top:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.tbx-preview-card{margin:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#f8fafc}.tbx-preview-card img{width:100%;height:180px;object-fit:contain;background:#fff;display:block}.tbx-preview-card figcaption{font-size:.82rem;color:var(--muted);padding:6px 8px}.tbx-output-wrap{position:relative;border:1px solid var(--border);border-radius:10px;max-width:100%;overflow:hidden;background:#fff;min-width:0}.tbx-output-toolbar{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:8px;z-index:2}.tbx-copy-btn{border:1px solid #cbd5e1;background:#f8fafcf5;color:#475569;border-radius:8px;padding:3px 8px;font-size:.82rem;font-weight:600;cursor:pointer}.tbx-copy-btn:hover{color:#0f172a;border-color:#94a3b8}.tbx-output-label{color:#475569;background:#f8fafcf5;border:1px solid #cbd5e1;border-radius:8px;padding:3px 8px;font-size:.8rem;text-transform:lowercase}.tbx-error{color:#dc2626}.tbx-pre{display:block;width:100%;max-width:100%;margin:0;background:#f8fafc;border:0;border-radius:10px;padding:40px 12px 12px;white-space:pre;overflow-x:auto;overflow-y:hidden}.tbx-list{margin:0;padding:0 18px;display:grid;gap:6px}.tbx-cta{display:inline-block;margin:8px 0;padding:10px 12px;border-radius:10px;background:#e0f2fe;border:1px solid #7dd3fc;font-weight:700}@media(max-width:980px){.tbx-layout{grid-template-columns:1fr}.tbx-sidebar{position:static;height:auto}}