.tb-wrap[data-astro-cid-l2mal3ws]{padding-bottom:0}.tb-root{display:flex;gap:0;height:calc(100vh - 220px);min-height:480px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.tb-controls{width:280px;flex-shrink:0;background:var(--color-bg-surface-1);border-right:1px solid var(--color-border-subtle);overflow-y:auto;padding:20px 18px;display:flex;flex-direction:column;gap:0}.tb-controls::-webkit-scrollbar{width:0}.tb-controls-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tb-mode-toggle{display:flex;flex-direction:column;gap:6px}.tb-mode-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.tb-mode-btns{display:flex;background:var(--color-bg-surface-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);overflow:hidden}.tb-mode-btn{padding:4px 10px;font-size:11.5px;font-family:var(--font-body);color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.tb-mode-btn.active{background:var(--color-bg-surface-3);color:var(--color-text-primary);font-weight:500}.tb-reset{font-size:11.5px;font-family:var(--font-body);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:4px 10px;cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast)}.tb-reset:hover{color:var(--color-text-secondary);border-color:var(--color-border-default)}.tb-section-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:10px}.tb-row{margin-bottom:10px}.tb-label{display:block;font-size:11.5px;color:var(--color-text-secondary);margin-bottom:5px}.tb-input-row{display:flex;align-items:center;gap:8px}.tb-color{width:28px;height:28px;padding:0;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;background:none;flex-shrink:0}.tb-text{flex:1;height:28px;padding:0 8px;background:var(--color-bg-surface-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-mono);font-size:11.5px;outline:none;transition:border-color var(--duration-fast)}.tb-text:focus{border-color:var(--color-border-default)}.tb-slider{flex:1;accent-color:var(--color-text-primary);cursor:pointer}.tb-radius-val{font-family:var(--font-mono);font-size:11.5px;color:var(--color-text-muted);min-width:28px;text-align:right}.tb-actions{margin-top:20px}.tb-copy{width:100%;height:34px;background:var(--color-text-primary);color:var(--color-text-inverted);border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:12.5px;font-weight:500;cursor:pointer;transition:opacity var(--duration-fast)}.tb-copy:hover{opacity:.85}.tb-preview{flex:1;background:var(--color-bg-base);overflow-y:auto;transition:background var(--duration-normal),color var(--duration-normal)}.tb-preview::-webkit-scrollbar{width:4px}.tb-preview::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:2px}.tb-preview-inner{padding:32px;display:flex;flex-direction:column;gap:20px;max-width:560px}.tb-preview-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.tb-card{background:var(--color-bg-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:16px}.tb-card-title{font-size:14px;font-weight:500;color:var(--color-text-primary)}.tb-card-desc{font-size:13px;color:var(--color-text-secondary);line-height:1.55;font-weight:300;margin-top:-8px}.tb-row-preview{display:flex;align-items:center;gap:10px}.tb-row-gap{gap:10px}.tb-cb-label{font-size:13px;color:var(--color-text-secondary);cursor:pointer}.tb-code-preview{background:var(--color-bg-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.tb-code{margin:0;padding:16px;font-family:var(--font-mono);font-size:11.5px;color:var(--color-text-secondary);line-height:1.7;white-space:pre;overflow-x:auto}