.tb-mask{z-index:1600}.tb-mask .modal-card{display:none}.tb-fs{font-size:var(--fs, 14px);background:var(--bg-app);position:fixed;inset:0;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:scale(.985) translateY(8px);transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.3,1)}.tb-mask.show .tb-fs{opacity:1;transform:none}.tb-head{display:flex;align-items:center;gap:10px;min-height:54px;box-sizing:border-box;padding:8px 14px;border-bottom:1px solid var(--hairline);background:var(--bg-surface);flex-shrink:0}.tb-title{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);flex-shrink:0}.tb-brand{border:none;background:transparent;cursor:pointer;display:flex;align-items:center;padding:3px 6px;border-radius:8px;flex-shrink:0;transition:background .13s ease}.tb-brand:hover{background:var(--bg-hover)}.tb-brand img{height:21px;width:auto;display:block}.tb-brand .brand-logo-dark,[data-theme=dark] .tb-brand .brand-logo-light{display:none}[data-theme=dark] .tb-brand .brand-logo-dark{display:block}.tb-back-btn{border:none;background:transparent;color:var(--text-secondary);font-size:.893rem;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:3px;padding:5px 10px;border-radius:8px;white-space:nowrap;flex-shrink:0;transition:background .13s ease,color .13s ease}.tb-back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tb-title .oc-icon{color:var(--text-tertiary)}.tb-sub{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.857rem;color:var(--text-tertiary)}.tb-head-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.tb-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;box-sizing:border-box;border:1px solid var(--hairline);border-radius:var(--radius-md, 9px);background:var(--bg-surface);color:var(--text-secondary);font-size:.893rem;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease}.tb-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tb-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--primary-text)}.tb-btn.primary:hover{filter:brightness(1.06);color:var(--primary-text)}.tb-btn:disabled{opacity:.55;cursor:not-allowed}.tb-icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md, 9px);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background .15s ease,color .15s ease}.tb-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tb-icon-btn.danger:hover{color:#dc2626}.tb-grow{flex:1}.tb-body{flex:1;min-height:0;display:flex;flex-direction:column}.tb-view{flex:1;min-height:0;display:flex;flex-direction:column;padding:16px;box-sizing:border-box;overflow:auto}#tb-view-list{align-items:center;gap:16px}#tb-view-cats{align-items:center}.tb-chips{width:100%;max-width:1100px;display:flex;flex-wrap:wrap;gap:6px}.tb-chip{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 12px;box-sizing:border-box;border:1px solid var(--hairline);border-radius:999px;background:var(--bg-surface);color:var(--text-secondary);font-family:inherit;font-size:.857rem;cursor:pointer;transition:background .13s ease,color .13s ease,border-color .13s ease}.tb-chip:hover{background:var(--bg-hover);color:var(--text-primary)}.tb-chip.on{background:var(--accent);border-color:var(--accent);color:var(--primary-text)}.tb-sec{width:100%;max-width:1100px;display:flex;flex-direction:column;gap:9px}.tb-sec-head{display:flex;align-items:center;gap:8px;min-height:22px}.tb-sec-title{display:inline-flex;align-items:center;gap:6px;font-size:.929rem;font-weight:600;color:var(--text-primary);flex-shrink:0}.tb-sec-title .oc-icon{color:var(--text-tertiary)}.tb-sec-hint{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.786rem;color:var(--text-tertiary)}.tb-sec-count{margin-left:auto;flex-shrink:0;font-size:.786rem;color:var(--text-tertiary)}#tb-grid-mine,#tb-grid-sys{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;align-content:start}.tb-loading{grid-column:1 / -1;padding:40px 0;text-align:center;color:var(--text-tertiary)}.tb-card{position:relative;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;box-sizing:border-box;border-radius:var(--radius-lg, 12px);background:var(--bg-surface);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .06));transition:box-shadow .15s ease,transform .15s ease}.tb-card:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .08))}.tb-card-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;cursor:pointer;border-radius:var(--radius-md, 9px)}.tb-card-ico{width:34px;height:34px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--bg-hover);color:var(--text-secondary)}.tb-card-text{min-width:0;display:flex;flex-direction:column;gap:2px}.tb-card-name{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-card-meta{font-size:.786rem;color:var(--text-tertiary)}.tb-card-builtin{background:var(--bg-code);box-shadow:none}.tb-card-builtin:hover{box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .06))}.tb-card-badge{display:inline-block;margin-right:5px;padding:0 5px;border-radius:4px;background:var(--bg-active);color:var(--text-secondary);font-size:.714rem;line-height:1.5;vertical-align:1px}.tb-card-acts{display:flex;align-items:center;gap:2px;flex-shrink:0}.tb-card-new{border:1px dashed var(--hairline);background:transparent;box-shadow:none;justify-content:center;gap:8px;min-height:56px;color:var(--text-tertiary);font-family:inherit;font-size:.893rem;cursor:pointer}.tb-card-new:hover{border-color:var(--accent);color:var(--text-primary);box-shadow:none}.tb-card-plus{display:inline-flex}.tb-empty{grid-column:1 / -1;padding:32px 20px;border-radius:var(--radius-lg, 12px);background:var(--bg-surface);text-align:center}.tb-empty-title{margin:0 0 6px;font-weight:600;color:var(--text-primary)}.tb-empty-desc{margin:0 auto;max-width:540px;font-size:.893rem;line-height:1.7;color:var(--text-tertiary)}#tb-view-editor{gap:10px;align-items:center}#tb-view-editor>*{width:100%;max-width:1100px}.tb-field{display:flex;flex-direction:column;gap:5px}.tb-field-grow{flex:1;min-height:0}.tb-label{display:flex;align-items:baseline;gap:8px;font-size:.857rem;font-weight:500;color:var(--text-secondary)}.tb-hint{font-weight:400;color:var(--text-tertiary)}.tb-input{height:36px;padding:0 12px;box-sizing:border-box;border:1px solid var(--hairline);border-radius:var(--radius-md, 9px);background:var(--bg-surface);color:var(--text-primary);font-family:inherit;font-size:.929rem}.tb-input:focus,.tb-code:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.tb-cat-box{height:36px;padding:0 12px;box-sizing:border-box;border:1px solid var(--hairline);border-radius:var(--radius-md, 9px);background:var(--bg-surface);font-size:.929rem}.tb-cat-box:hover{background:var(--bg-hover)}.tb-cat-box:focus-visible{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.tb-code{flex:1;min-height:240px;padding:12px;box-sizing:border-box;border:1px solid var(--hairline);border-radius:var(--radius-md, 9px);background:var(--bg-surface);color:var(--text-primary);font-family:var(--mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:.857rem;line-height:1.6;resize:none;white-space:pre;tab-size:2}.tb-editor-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tb-count{font-size:.786rem;color:var(--text-tertiary)}.tb-cats-wrap{width:100%;max-width:660px;display:flex;flex-direction:column;gap:12px}.tb-cats-new{display:flex;align-items:center;gap:8px}.tb-cats-new .tb-input{flex:1;min-width:0}.tb-cats-tip{margin:0;font-size:.857rem;line-height:1.75;color:var(--text-tertiary)}.tb-cats-list{display:flex;flex-direction:column;gap:6px}.tb-cat-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md, 9px);background:var(--bg-surface);box-shadow:var(--shadow-xs, 0 1px 2px rgba(0, 0, 0, .04))}.tb-cat-name{font-weight:500;color:var(--text-primary)}.tb-cat-num{font-size:.786rem;color:var(--text-tertiary)}#tb-view-preview{gap:10px;padding-bottom:16px}.tb-preview-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tb-preview-name{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40%}.tb-frame-wrap{flex:1;min-height:0;border-radius:var(--radius-lg, 12px);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .06))}.tb-frame{width:100%;height:100%;border:0;display:block;background:#fff}@media (max-width: 768px){.tb-head{flex-wrap:wrap;row-gap:6px;padding:8px 10px}.tb-sub{order:3;flex-basis:100%}.tb-view{padding:10px}.tb-title span:last-child{display:none}#tb-cats span{display:none}#tb-cats{padding:0 9px}#tb-grid-mine,#tb-grid-sys{grid-template-columns:1fr}.tb-sec-hint{display:none}.tb-preview-name{max-width:100%}.tb-editor-bar .tb-btn{flex:1;justify-content:center}}