.ct-page{--bb-brand:#8b5cf6;--bb-brand-hover:#7c3aed;--bb-brand-muted:#8249df26;--bb-brand-subtle:#8249df14;--bb-brand-text:#8b5cf6;--bb-brand-200:#15082b;flex-direction:column;min-height:calc(100vh - 56px);display:flex}.ct-shell{flex-direction:column;flex:1;gap:0;padding:8px 12px 0;display:flex}.ct-global-bar{background:var(--bb-bg-200);border:1px solid var(--bb-border);border-radius:var(--bb-radius-md) var(--bb-radius-md) 0 0;border-top:2px solid var(--bb-brand);align-items:center;gap:6px;min-height:34px;padding:4px 8px;display:flex}.ct-panels{border-left:1px solid var(--bb-border);border-right:1px solid var(--bb-border);flex:1;gap:0;max-width:100%;min-height:0;display:flex;overflow:visible}.ct-panel{background:var(--bb-bg-100);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.ct-panel+.ct-panel{border-left:1px solid var(--bb-border)}.ct-panel-header{background:var(--bb-bg-200);border-bottom:1px solid var(--bb-border);z-index:20;flex-direction:column;display:flex;position:relative}.ct-panel-header-row{flex-wrap:nowrap;align-items:center;gap:2px;min-height:34px;padding:4px 6px;display:flex;overflow:hidden}.ct-panel-header-row+.ct-panel-header-row{border-top:1px solid var(--bb-border);min-height:28px;padding:2px 6px}.ct-tbtn{border-radius:var(--bb-radius-sm);cursor:pointer;height:28px;font-family:var(--bb-font-sans);color:var(--bb-fg-light);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.ct-tbtn:hover{color:var(--bb-fg);background:var(--bb-bg-400)}.ct-tbtn.active{color:var(--bb-brand-text);background:var(--bb-brand-muted);border-color:var(--bb-brand-muted)}.ct-tbtn:disabled{opacity:.5;cursor:not-allowed}.ct-tbtn:focus-visible{box-shadow:0 0 0 2px var(--bb-brand);outline:none}.ct-tbtn svg{flex-shrink:0;width:14px;height:14px}.ct-tbtn-primary{background:var(--bb-brand);color:var(--bb-fg-contrast);border-color:var(--bb-brand);font-weight:600}.ct-tbtn-primary:hover{background:var(--bb-brand-hover);color:var(--bb-fg-contrast)}.ct-toolbar-group{align-items:center;gap:2px;display:flex}.ct-toolbar-spacer{flex:1}.ct-toolbar-divider{background:var(--bb-border-strong);flex-shrink:0;width:1px;height:20px;margin:0 4px}.ct-panel-actions{gap:2px;display:flex}.ct-dropdown{display:inline-flex;position:relative}.ct-dropdown>.ct-tbtn svg:last-child{opacity:.6;width:10px;height:10px;margin-left:-2px}.ct-dropdown-menu{z-index:1000;background:var(--bb-bg-100);border:1px solid var(--bb-border);border-radius:var(--bb-radius-md);min-width:170px;padding:4px 0;animation:.12s ease-out ct-dropdown-in;position:absolute;top:100%;left:0;box-shadow:0 4px 16px #00000026}@keyframes ct-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ct-dropdown-menu button{width:100%;font-family:var(--bb-font-sans);color:var(--bb-fg-light);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:7px 14px;font-size:12.5px;transition:all .15s;display:flex}.ct-dropdown-menu button:hover{background:var(--bb-bg-300);color:var(--bb-fg)}.ct-dropdown-menu button svg{opacity:.7;flex-shrink:0;width:14px;height:14px}.ct-center-col{background:var(--bb-bg-200);border-left:1px solid var(--bb-border);border-right:1px solid var(--bb-border);flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:4px;min-width:56px;padding:12px 4px;transition:min-width .25s,padding .25s;display:flex;overflow:visible}.ct-center-col.ct-center-expanded{min-width:72px;padding:8px 2px}.ct-center-btn{border-radius:var(--bb-radius-md);cursor:pointer;width:48px;min-height:40px;color:var(--bb-fg-muted);background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 2px;transition:all .18s;display:flex;overflow:visible}.ct-center-btn:hover{color:var(--bb-fg);background:var(--bb-bg-300);transform:scale(1.04)}.ct-center-btn:active{transform:scale(.97)}.ct-center-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.ct-center-btn svg{flex-shrink:0;width:16px;height:16px}.ct-center-label{font-family:var(--bb-font-sans);letter-spacing:.02em;white-space:nowrap;font-size:10px;font-weight:600;line-height:1;overflow:visible}.ct-center-divider{background:var(--bb-border-strong);width:28px;height:1px;margin:3px 0}.ct-center-btn.ct-cta-compare{background:var(--bb-brand);color:var(--bb-fg-contrast);border-color:#6b26d980;box-shadow:0 2px 8px #6b26d940}.ct-center-btn.ct-cta-compare:hover{background:var(--bb-brand-hover);color:var(--bb-fg-contrast);transform:scale(1.06);box-shadow:0 4px 14px #6b26d959}.ct-center-btn.ct-cta-pulse{animation:2.5s ease-in-out infinite ct-pulse}@keyframes ct-pulse{0%,to{box-shadow:0 2px 8px #6b26d940}50%{box-shadow:0 2px 16px #6b26d980,0 0 0 4px #6b26d91a}}.ct-center-btn.ct-compare-active{color:var(--bb-brand-text);background:var(--bb-brand-muted);border-color:#6b26d94d}.ct-center-nav-group{flex-direction:column;align-items:center;gap:2px;animation:.3s ease-out both ct-stagger-in;display:flex}.ct-center-nav-group:nth-child(2){animation-delay:50ms}.ct-center-nav-group:nth-child(3){animation-delay:.1s}.ct-center-nav-group:nth-child(4){animation-delay:.15s}.ct-center-nav-group:nth-child(5){animation-delay:.2s}.ct-center-nav-group:nth-child(6){animation-delay:.25s}.ct-center-nav-group:nth-child(7){animation-delay:.3s}@keyframes ct-stagger-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ct-splitter{cursor:col-resize;border-left:1px solid var(--bb-border);z-index:10;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:5px;transition:background .15s;display:flex;position:relative}.ct-splitter:hover,.ct-splitter.dragging{background:var(--bb-brand-muted)}.ct-splitter:after{content:"";display:none}.ct-cm-container{z-index:1;flex:1;min-height:0;position:relative;overflow:hidden}.ct-cm-container .cm-editor{height:100%}.ct-cm-container .cm-editor .cm-content{line-height:1.55}.ct-empty-overlay{z-index:5;pointer-events:none;opacity:1;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .3s;display:flex;position:absolute;inset:0}.ct-empty-overlay.ct-hidden{opacity:0;pointer-events:none}.ct-empty-overlay svg{width:36px;height:36px;color:var(--bb-fg-faint);opacity:.25}.ct-empty-hint{font-family:var(--bb-font-sans);color:var(--bb-fg-faint);text-align:center;max-width:200px;font-size:12px;line-height:1.5}.ct-empty-hint kbd{background:var(--bb-bg-400);border:1px solid var(--bb-border);font-size:10px;font-family:var(--bb-font-mono);color:var(--bb-fg-muted);vertical-align:1px;border-radius:3px;padding:1px 5px;display:inline-block}.ct-status-bar{background:var(--bb-bg-200);border:1px solid var(--bb-border);border-radius:0 0 var(--bb-radius-md) var(--bb-radius-md);min-height:28px;color:var(--bb-fg-muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:space-between;align-items:center;padding:4px 12px;font-size:11px;display:flex}.ct-status-group{align-items:center;gap:12px;display:flex}.ct-status-item{align-items:center;gap:4px;display:flex}.ct-status-hint{color:var(--bb-fg-faint);font-size:11px;font-family:var(--bb-font-sans);align-items:center;gap:6px;display:flex}.ct-status-hint kbd{background:var(--bb-bg-400);border:1px solid var(--bb-border);font-size:10px;font-family:var(--bb-font-mono);color:var(--bb-fg-muted);vertical-align:1px;border-radius:3px;padding:1px 5px;display:inline-block}.cm-editor .ct-line-added{border-left:3px solid #2eb85c;animation:.35s ease-out ct-deco-in;background:#1d633459!important}.cm-editor .ct-line-removed{border-left:3px solid #c33;animation:.35s ease-out ct-deco-in;background:#77222259!important}.cm-editor .ct-line-modified{border-left:3px solid #e6b31a;animation:.35s ease-out ct-deco-in;background:#8f74244d!important}.cm-editor .ct-line-moved{border-left:3px solid #7547d1;animation:.35s ease-out ct-deco-in;background:#4a2d864d!important}@keyframes ct-deco-in{0%{background-color:#0000;border-left-color:#0000}}.cm-editor .ct-line-padding{opacity:.6;background:repeating-linear-gradient(-45deg, var(--bb-bg-200), var(--bb-bg-200) 4px, var(--bb-bg-300) 4px, var(--bb-bg-300) 8px)!important}[data-theme=light] .cm-editor .ct-line-added{border-left-color:#248f47;background:#c2f0d1cc!important}[data-theme=light] .cm-editor .ct-line-removed{border-left-color:#b82e2e;background:#f5d6d6cc!important}[data-theme=light] .cm-editor .ct-line-modified{border-left-color:#cfa117;background:#fceec5cc!important}[data-theme=light] .cm-editor .ct-line-moved{border-left-color:#63c;background:#e7def7cc!important}[data-theme=light] .cm-editor .ct-line-padding{background:repeating-linear-gradient(-45deg,#f2f2f2,#f2f2f2 4px,#e8e8e8 4px 8px)!important}.ct-char-added{background:#1f7a3d73;border-radius:2px}.ct-char-removed{background:#8f242473;border-radius:2px}[data-theme=light] .ct-char-added{background:#6ce092b3}[data-theme=light] .ct-char-removed{background:#e48181b3}.ct-hunk-gutter .cm-gutterElement,.ct-line-merge-gutter .cm-gutterElement{justify-content:center;align-items:center;display:flex;padding:0!important}.ct-hunk-gutter{background:var(--bb-bg-200);border-right:1px solid var(--bb-border);cursor:default;width:20px!important;min-width:20px!important;max-width:20px!important}.ct-hunk-gutter .cm-gutterElement{min-width:20px!important}.ct-hunk-arrow{cursor:pointer;border:none;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:10px;font-weight:700;line-height:1;transition:background .15s,transform .1s,box-shadow .15s;display:flex}.ct-line-merge-gutter{background:var(--bb-bg-200);border-right:1px solid var(--bb-border);cursor:default;width:18px!important;min-width:18px!important;max-width:18px!important}.ct-line-merge-gutter .cm-gutterElement{min-width:18px!important}.ct-line-merge-arrow{cursor:pointer;opacity:.7;border:none;border-radius:2px;justify-content:center;align-items:center;width:14px;height:14px;padding:0;font-size:9px;font-weight:700;line-height:1;transition:background .15s,transform .1s,opacity .15s;display:flex}.ct-line-merge-arrow:hover{opacity:1;transform:scale(1.2)}.ct-hunk-arrow.ct-merge-left-to-right,.ct-line-merge-arrow.ct-merge-left-to-right,.ct-hunk-arrow.ct-merge-right-to-left,.ct-line-merge-arrow.ct-merge-right-to-left{color:#5ea6ed;background:#308ce833}.ct-hunk-arrow.ct-merge-type-added,.ct-line-merge-arrow.ct-merge-type-added{color:#47d175;background:#22773e40}.ct-hunk-arrow.ct-merge-type-removed,.ct-line-merge-arrow.ct-merge-type-removed{color:#d65c5c;background:#8a282840}.ct-hunk-arrow.ct-merge-type-modified,.ct-line-merge-arrow.ct-merge-type-modified{color:#ebc247;background:#cfa11733}.ct-hunk-arrow.ct-merge-type-moved,.ct-line-merge-arrow.ct-merge-type-moved{color:#a670db;background:#662e9e33}.ct-hunk-arrow:hover{filter:brightness(1.2);transform:scale(1.15);box-shadow:0 0 6px #4799eb4d}.ct-hunk-arrow:active,.ct-line-merge-arrow:active{transform:scale(.92)}.cm-lineNumbers{min-width:32px!important}.cm-lineNumbers .cm-gutterElement{min-width:32px!important;padding:0 6px 0 4px!important}[data-theme=light] .ct-hunk-gutter,[data-theme=light] .ct-line-merge-gutter{background:#f3f4f6}[data-theme=light] .ct-hunk-arrow.ct-merge-type-added,[data-theme=light] .ct-line-merge-arrow.ct-merge-type-added{color:#1f7a3d;background:#c6ecd2}[data-theme=light] .ct-hunk-arrow.ct-merge-type-removed,[data-theme=light] .ct-line-merge-arrow.ct-merge-type-removed{color:#9e2e2e;background:#f2d9d9}[data-theme=light] .ct-hunk-arrow.ct-merge-type-modified,[data-theme=light] .ct-line-merge-arrow.ct-merge-type-modified{color:#98781b;background:#f4e6be}[data-theme=light] .ct-hunk-arrow.ct-merge-type-moved,[data-theme=light] .ct-line-merge-arrow.ct-merge-type-moved{color:#592d86;background:#e6d9f2}[data-theme=light] .ct-hunk-arrow.ct-merge-left-to-right,[data-theme=light] .ct-hunk-arrow.ct-merge-right-to-left,[data-theme=light] .ct-line-merge-arrow.ct-merge-left-to-right,[data-theme=light] .ct-line-merge-arrow.ct-merge-right-to-left{color:#1f66ad;background:#deebf7}.ct-padding-widget{pointer-events:none;-webkit-user-select:none;user-select:none}.ct-padding-row{color:#0000;background:repeating-linear-gradient(45deg,#0000,#0000 4px,#393e4614 4px 8px);border-bottom:1px solid #737b8c0f;height:19px;line-height:19px}[data-theme=light] .ct-padding-row{background:repeating-linear-gradient(45deg,#0000,#0000 4px,#abb0ba1f 4px 8px);border-bottom:1px solid #737b8c14}.ct-diff-stats{flex-wrap:wrap;align-items:center;gap:8px;animation:.3s ease-out both ct-stagger-in;display:flex}.ct-stat{white-space:nowrap;border:1px solid #0000;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.ct-stat-equal{background:var(--bb-bg-400);color:var(--bb-fg-faint)}.ct-stat-added{color:#47d175;background:#1d63344d;border-color:#2eb85c33}.ct-stat-removed{color:#d14747;background:#631d1d4d;border-color:#c333}.ct-stat-modified{color:#e8ba30;background:#7a631f4d;border-color:#e6b31a33}.ct-stat-moved{color:#855cd6;background:#4026734d;border-color:#7547d133}.ct-stat-sim{background:var(--bb-bg-400);color:var(--bb-fg-light);font-family:var(--bb-font-mono)}[data-theme=light] .ct-stat-added{color:#1f7a3d;background:#b0e8c380;border-color:#33cc6640}[data-theme=light] .ct-stat-removed{color:#a32929;background:#eec4c480;border-color:#cc333340}[data-theme=light] .ct-stat-modified{color:#a17d12;background:#f0e4c280;border-color:#e6b31a40}[data-theme=light] .ct-stat-moved{color:#5229a3;background:#d2c6ec80;border-color:#6633cc40}.ct-diff-counter{font-family:var(--bb-font-mono);color:var(--bb-fg-muted);white-space:nowrap;background:var(--bb-bg-300);border-radius:var(--bb-radius-sm);text-align:center;padding:2px 6px;font-size:10px}.ct-binary-banner{background:var(--bb-bg-300);border:1px solid var(--bb-border);color:var(--bb-fg-light);border-top:none;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.ct-binary-identical{color:var(--bb-success);font-weight:600}.ct-binary-different{color:var(--bb-destructive);font-weight:600}.ct-binary-info{color:var(--bb-fg-faint);font-family:var(--bb-font-mono);font-size:11px}.ct-empty{color:var(--bb-fg-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px 20px;font-size:13px;display:flex}.ct-empty svg{opacity:.2;width:48px;height:48px}.ct-toast{z-index:9999;border-radius:var(--bb-radius-md);box-shadow:var(--bb-shadow-lg);animation:bb-slide-up .25s var(--bb-ease);pointer-events:none;padding:10px 18px;font-size:13px;font-weight:500;position:fixed;bottom:20px;right:20px}.ct-toast-success{background:var(--bb-brand);color:var(--bb-fg-contrast)}.ct-toast-error{background:var(--bb-destructive);color:var(--bb-fg)}.ct-hunk-nav{scrollbar-width:thin;flex-direction:column;gap:2px;max-height:200px;padding:4px 0;display:flex;overflow-y:auto}.ct-hunk-btn{border-radius:var(--bb-radius-sm);cursor:pointer;font-size:9px;font-family:var(--bb-font-mono);color:var(--bb-fg-muted);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:4px;padding:3px 6px;transition:all .15s;display:flex}.ct-hunk-btn:hover{background:var(--bb-bg-300);color:var(--bb-fg);border-color:var(--bb-border)}.ct-hunk-btn.active{background:var(--bb-brand-muted);color:var(--bb-brand-text);border-color:var(--bb-brand)}.ct-align-indicator{background:var(--bb-brand-muted);border:1px solid var(--bb-brand);border-radius:var(--bb-radius-sm);color:var(--bb-brand-text);font-size:10px;font-family:var(--bb-font-mono);align-items:center;gap:4px;margin-left:auto;padding:2px 8px;display:inline-flex}.ct-align-indicator svg{width:12px;height:12px}.cm-editor .ct-line-align{border-left:3px solid var(--bb-brand);background:#4322772e!important}[data-theme=light] .cm-editor .ct-line-align{border-left-color:#6e33cc;background:#e2d6f599!important}.ct-context-menu{z-index:500;background:var(--bb-bg-100);border:1px solid var(--bb-border);border-radius:var(--bb-radius-md);min-width:200px;padding:4px;animation:.12s ease-out ct-dropdown-in;position:fixed;box-shadow:0 8px 24px #00000040}.ct-context-item{border-radius:var(--bb-radius-sm);width:100%;font-family:var(--bb-font-sans);color:var(--bb-fg);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:12px;transition:all .12s;display:flex}.ct-context-item:hover{background:var(--bb-brand);color:var(--bb-fg-contrast)}.ct-context-item svg{flex-shrink:0;width:14px;height:14px}.ct-picking-banner{border:1px solid var(--bb-brand);font-family:var(--bb-font-sans);color:var(--bb-fg-light);background:linear-gradient(90deg,#2b0f574d,#40178226);border-top:none;align-items:center;gap:10px;padding:8px 16px;font-size:12px;animation:.2s ease-out ct-slide-down;display:flex}.ct-picking-banner svg{width:16px;height:16px;color:var(--bb-brand-text);flex-shrink:0;animation:1.5s ease-in-out infinite ct-pulse-icon}.ct-picking-cancel{border:1px solid var(--bb-fg-faint);border-radius:var(--bb-radius-sm);font-family:var(--bb-font-sans);color:var(--bb-fg-muted);cursor:pointer;background:0 0;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;font-size:11px;transition:all .15s;display:flex}.ct-picking-cancel:hover{color:#db7070;background:#b82e2e33;border-color:#d14747}.ct-picking-cancel svg{width:12px;height:12px}.ct-picking-mode .cm-editor,.ct-picking-mode .cm-editor .cm-content,.ct-picking-mode .cm-editor .cm-line{cursor:crosshair!important}@keyframes ct-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ct-pulse-icon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}[data-theme=light] .ct-picking-banner{background:linear-gradient(90deg,#e2d6f599,#f0ebfa66)}[data-theme=light] .ct-context-menu{box-shadow:0 8px 24px #0000001f}.ct-align-panel{z-index:200;background:var(--bb-bg-100);border:1px solid var(--bb-border);border-radius:var(--bb-radius-md);min-width:280px;max-width:340px;padding:0;animation:.15s ease-out ct-dropdown-in;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 8px 24px #0003}.ct-align-panel-header{border-bottom:1px solid var(--bb-border);justify-content:space-between;align-items:center;padding:10px 14px 6px;display:flex}.ct-align-panel-title{font-family:var(--bb-font-sans);color:var(--bb-fg);font-size:12px;font-weight:600}.ct-align-panel-hint{font-family:var(--bb-font-sans);color:var(--bb-fg-faint);border-bottom:1px solid var(--bb-border);background:var(--bb-bg-200);padding:8px 14px;font-size:11px;line-height:1.45}.ct-align-manual{border-bottom:1px solid var(--bb-border);align-items:center;gap:6px;padding:8px 14px;display:flex}.ct-align-input{background:var(--bb-bg-300);border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm);width:72px;height:26px;font-family:var(--bb-font-mono);color:var(--bb-fg);outline:none;padding:0 8px;font-size:11px;transition:border-color .15s}.ct-align-input:focus{border-color:var(--bb-brand);box-shadow:0 0 0 2px #8249df26}.ct-align-input::placeholder{color:var(--bb-fg-faint);font-style:italic}.ct-align-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ct-align-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ct-align-input[type=number]{-moz-appearance:textfield}.ct-align-arrow{color:var(--bb-fg-muted);flex-shrink:0;font-size:14px}.ct-align-add-manual{background:var(--bb-brand);width:26px;height:26px;color:var(--bb-fg-contrast);border-radius:var(--bb-radius-sm);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:all .15s;display:flex}.ct-align-add-manual:hover{background:var(--bb-brand-hover);transform:scale(1.05)}.ct-align-list{scrollbar-width:thin;max-height:160px;padding:4px 0;overflow-y:auto}.ct-align-item{justify-content:space-between;align-items:center;padding:5px 14px;transition:background .12s;display:flex}.ct-align-item:hover{background:var(--bb-bg-300)}.ct-align-item-label{font-family:var(--bb-font-mono);color:var(--bb-fg-light);font-size:11px}.ct-align-item-remove{border-radius:var(--bb-radius-sm);cursor:pointer;width:20px;height:20px;color:var(--bb-fg-faint);background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.ct-align-item-remove:hover{color:#d14747;background:#b82e2e26}.ct-align-item-remove svg{width:12px;height:12px}.ct-align-empty{font-family:var(--bb-font-sans);color:var(--bb-fg-faint);text-align:center;padding:12px 14px;font-size:11px;font-style:italic}[data-theme=light] .ct-align-panel{box-shadow:0 8px 24px #0000001a}[data-theme=light] .ct-align-input{background:#f5f5f5;border-color:#d9d9d9}.ct-settings-inline{background:var(--bb-bg-300);border-bottom:1px solid var(--bb-border);align-items:center;gap:12px;padding:6px 12px;font-size:11px;display:flex}.ct-settings-inline label{color:var(--bb-fg-light);cursor:pointer;align-items:center;gap:6px;display:flex}.ct-settings-inline input[type=checkbox]{accent-color:var(--bb-brand);width:14px;height:14px}.ct-panel.drag-over{outline:2px dashed var(--bb-brand);outline-offset:-2px;background:var(--bb-brand-subtle)}[data-theme=light] .ct-panel{background:#fcfcfc}[data-theme=light] .ct-status-bar{background:#f7f7f7;border-color:#e0e0e0}[data-theme=light] .ct-stat{border-color:#d9d9d980}@media (max-width:768px){.ct-panels{flex-direction:column}.ct-panel+.ct-panel{border-left:none;border-top:1px solid var(--bb-border)}.ct-center-col{border-left:none;border-right:none;border-top:1px solid var(--bb-border);border-bottom:1px solid var(--bb-border);min-width:unset;flex-flow:wrap;justify-content:center;padding:4px 8px}.ct-center-divider{width:1px;height:20px;margin:0 4px}.ct-shell{padding:4px 6px 0}.ct-tbtn .btn-label{display:none}}.ct-share-overlay{z-index:9000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;justify-content:center;align-items:center;animation:.2s ease-out ct-fade-in;display:flex;position:fixed;inset:0}@keyframes ct-fade-in{0%{opacity:0}to{opacity:1}}.ct-share-modal{background:var(--bb-bg-100);border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg,12px);width:460px;max-width:90vw;padding:28px 28px 20px;animation:.25s ease-out ct-modal-in;box-shadow:0 16px 48px #0000004d,0 0 0 1px #ffffff0a}@keyframes ct-modal-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ct-share-modal-title{font-family:var(--bb-font-sans);color:var(--bb-fg);margin:0 0 6px;font-size:16px;font-weight:700}.ct-share-modal-subtitle{font-family:var(--bb-font-sans);color:var(--bb-fg-muted);margin:0 0 18px;font-size:12.5px;line-height:1.5}.ct-share-url-group{gap:8px;margin-bottom:12px;display:flex}.ct-share-url-input{background:var(--bb-bg-300);border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm);height:36px;font-family:var(--bb-font-mono);color:var(--bb-fg);outline:none;flex:1;padding:0 12px;font-size:12px;transition:border-color .15s}.ct-share-url-input:focus{border-color:var(--bb-brand);box-shadow:0 0 0 2px #8249df26}.ct-share-modal-expiry{font-family:var(--bb-font-sans);color:var(--bb-fg-faint);align-items:center;gap:6px;margin:0 0 18px;font-size:11px;display:flex}.ct-share-modal-expiry:before{content:"⏱";font-size:12px}.ct-share-modal-actions{border-top:1px solid var(--bb-border);justify-content:flex-end;gap:8px;padding-top:8px;display:flex}[data-theme=light] .ct-share-overlay{background:#0000004d}[data-theme=light] .ct-share-modal{box-shadow:0 16px 48px #0000001f,0 0 0 1px #0000000d}[data-theme=light] .ct-share-url-input{background:#f5f5f5;border-color:#d9d9d9}.ct-shared-banner{border:1px solid var(--bb-border);font-family:var(--bb-font-sans);color:var(--bb-fg-light);background:linear-gradient(90deg,#2b0f5740,#4017821a);border-top:none;align-items:center;gap:10px;padding:8px 16px;font-size:12px;animation:.2s ease-out ct-slide-down;display:flex}.ct-shared-banner svg{width:16px;height:16px;color:var(--bb-brand-text);flex-shrink:0}.ct-shared-new-btn{background:var(--bb-brand);color:var(--bb-fg-contrast);border-radius:var(--bb-radius-sm);font-family:var(--bb-font-sans);cursor:pointer;border:none;margin-left:auto;padding:4px 12px;font-size:11px;font-weight:600;transition:all .15s}.ct-shared-new-btn:hover{background:var(--bb-brand-hover);transform:scale(1.03)}[data-theme=light] .ct-shared-banner{background:linear-gradient(90deg,#e2d6f580,#f0ebfa4d)}.ct-error-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ct-error-card{background:var(--bb-bg-200);border:1px solid var(--bb-border-strong);border-radius:var(--bb-radius-lg);text-align:center;width:90%;max-width:420px;padding:32px 40px;box-shadow:0 20px 60px #0006}.ct-error-card h3{color:var(--bb-fg);margin:0 0 8px;font-size:18px;font-weight:700}.ct-error-card p{color:var(--bb-fg-muted);margin:0 0 16px;font-size:13px;line-height:1.5}.ct-loading-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--bb-fg-muted);background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;font-weight:500;display:flex;position:fixed;inset:0}.ct-loading-spinner{border:3px solid var(--bb-border-strong);border-top-color:var(--bb-brand);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite ct-spin}@keyframes ct-spin{to{transform:rotate(360deg)}}.ct-swap-btn{background:var(--bb-bg-300);border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm);cursor:pointer;width:28px;height:28px;color:var(--bb-fg-muted);justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.ct-swap-btn:hover{color:var(--bb-brand-text);background:var(--bb-brand-muted);border-color:var(--bb-brand-muted)}.ct-swap-btn svg{width:14px;height:14px}
