.key-secret-cell{display:grid;gap:9px;justify-items:start}.key-secret-cell>code{font-size:12px;white-space:nowrap}.key-view-button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;margin-top:5px}.key-secret-description{font-size:12px;line-height:1.9;color:var(--muted);overflow-wrap:anywhere}.key-secret-value-wrap{padding:18px;background:var(--soft);border:1px solid var(--line);border-radius:12px;margin:20px 0}.key-secret-value-wrap>label{font-size:11px;color:var(--muted);display:block;margin-bottom:10px}.key-secret-value-wrap>div{display:flex;align-items:center;gap:8px}.key-secret-value-wrap input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;min-width:0;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}.key-secret-value-wrap .icon-btn{flex-shrink:0}@media(max-width:600px){.key-secret-value-wrap{padding:13px}.key-secret-value-wrap input{font-size:11px}.key-secret-description{font-size:11px}}

.key-secret-controls{display:flex;align-items:center;gap:5px}.key-secret-controls .icon-btn{width:27px;height:29px}.key-secret-controls .key-view-button{margin:0;font-size:11px}.key-row-actions{display:flex;justify-content:center;gap:3px}.key-row-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:none;border:0;border-radius:8px;color:var(--muted);font-family:inherit;cursor:pointer;min-width:42px;min-height:48px;padding:7px 4px;font-size:10px;white-space:nowrap}.key-row-action:hover{color:var(--accent);background:var(--soft)}.key-row-action.key-action-delete:hover{color:#c34b4b;background:#fff1f1}.key-table-scroll{position:relative;max-width:100%;isolation:isolate;overscroll-behavior-x:contain;scrollbar-gutter:stable}.key-table-scroll .data-table{min-width:1240px;border-collapse:separate;border-spacing:0}.key-table-scroll th,.key-table-scroll td{font-size:12px;padding:18px 16px;background:var(--surface);white-space:nowrap}.key-table-scroll th{background:var(--soft);font-size:12px}.key-table-scroll th:first-child,.key-table-scroll td:first-child{position:sticky;left:0;z-index:2;min-width:175px;width:175px;max-width:190px;white-space:normal;box-shadow:5px 0 9px -8px #234a6b66}.key-table-scroll td:first-child strong{display:block;overflow-wrap:anywhere;font-size:13px}.key-table-scroll th:last-child,.key-table-scroll td:last-child{position:sticky;right:0;z-index:2;min-width:265px;width:265px;padding-left:8px;padding-right:8px;box-shadow:-5px 0 9px -8px #234a6b66}.key-table-scroll th:first-child,.key-table-scroll th:last-child{z-index:3}.key-table-scroll td small{font-size:10px}.key-table-scroll .channel-switch{max-width:220px}.key-table-pagination{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:20px 22px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;flex-wrap:wrap}.key-table-pagination>label,.key-table-pagination>div{display:flex;align-items:center;gap:10px}.key-table-pagination select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:7px;padding:7px 10px}.key-filter-bar{flex-wrap:wrap}.key-filter-bar .search-input{min-width:170px;flex:1}.key-filter-bar .select{min-width:130px;max-width:100%}
.key-use-modal{width:min(900px,calc(100vw - 40px));max-width:900px}.key-use-modal .modal-body{overflow:auto;min-width:0}.key-use-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);overflow-x:auto;margin-bottom:20px}.key-use-tabs button{font-family:inherit;flex-shrink:0;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:13px;padding:13px 15px;cursor:pointer}.key-use-tabs button.selected{color:var(--accent);border-bottom-color:var(--accent)}.key-use-topline{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px;font-size:13px}.key-use-topline strong{overflow-wrap:anywhere}.key-use-topline a{font-size:11px;flex-shrink:0}.key-use-options{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:21px}.key-use-options>label{display:grid;gap:8px;color:var(--muted);font-size:11px;min-width:140px;flex:1}.key-use-options select{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:9px;padding:10px 12px;font-family:inherit;font-size:12px;width:100%;min-width:0}.key-use-instructions{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:18px}.key-use-note{font-size:11px;line-height:1.9;color:var(--muted);margin:16px 0}.key-use-fields{display:grid;gap:12px}.key-use-fields>div{display:grid;grid-template-columns:1fr 30px;gap:9px;border:1px solid var(--line);border-radius:11px;background:var(--soft);padding:16px}.key-use-fields>div>span{grid-column:1/-1;color:var(--muted);font-size:11px}.key-use-fields code{font-size:12px;overflow-wrap:anywhere;min-width:0}.key-use-file-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px}.key-use-file-actions a{font-size:12px}.key-config-file{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:18px}.key-config-file header{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--soft);padding:13px 16px}.key-config-file header>div:first-child{min-width:0}.key-config-file header strong{font-size:12px;overflow-wrap:anywhere;display:block;line-height:1.8}.key-config-file header small{font-size:10px;color:var(--muted);margin-top:5px;display:block}.key-config-file header>div:last-child{display:flex;gap:7px;flex-shrink:0}.key-config-file pre{margin:0;background:#122638;color:#e4eef7;padding:20px;font:12px/1.9 ui-monospace,Consolas,monospace;overflow:auto;max-height:350px}.key-use-preview{display:grid;gap:15px;border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:20px;margin:20px 0}.key-use-preview>span{display:grid;grid-template-columns:85px minmax(0,1fr);gap:15px;font-size:12px;color:var(--muted)}.key-use-preview strong,.key-use-preview code{font-weight:500;color:var(--text);overflow-wrap:anywhere}.key-ccs-launch{font-size:12px}.key-use-loading{padding:35px 15px;text-align:center;color:var(--muted);font-size:13px}
/* Keep navigation and tools fixed; only the workspace content scrolls. */
body.spike-workspace{height:100dvh;min-width:0;overflow:hidden;--workspace-start:284px;--workspace-edge:24px;--workspace-top:112px}.spike-workspace #app{height:100%;min-width:0}.spike-workspace .app-layout.live-layout,.spike-workspace.sidebar-collapsed .app-layout.live-layout{position:fixed;left:var(--workspace-start);right:var(--workspace-edge);top:var(--workspace-top);bottom:0;width:auto;height:auto;min-height:0;min-width:0;margin:0;padding:0;overflow:hidden}.spike-workspace .live-layout .dashboard-main{width:100%;height:100%;min-width:0;max-width:1700px;margin:0 auto;padding:0 8px 24px 0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable}.spike-workspace .dashboard-main>*,.spike-workspace .dashboard-main .panel{min-width:0;max-width:100%}.spike-workspace.sidebar-collapsed{--workspace-start:114px}.spike-workspace .sidebar-navigation{overflow-y:auto;min-height:0}.spike-workspace .data-table{font-size:12px}.spike-workspace .stat-label{font-size:12px}.spike-workspace .stat-value{font-size:27px}
@media(min-width:1101px) and (max-width:1350px){body.spike-workspace{--workspace-start:260px;--workspace-edge:20px}.spike-workspace .sidebar{width:224px}.spike-workspace .workspace-header{left:260px;right:20px}.spike-workspace.sidebar-collapsed{--workspace-start:114px}.spike-workspace.sidebar-collapsed .sidebar{width:78px}.spike-workspace.sidebar-collapsed .workspace-header{left:114px}}
@media(max-width:1100px){body.spike-workspace,body.spike-workspace.sidebar-collapsed{--workspace-start:20px;--workspace-edge:20px;--workspace-top:111px}.spike-workspace .header-inner{min-width:0}.key-use-options>label{min-width:135px}}
@media(max-width:600px){body.spike-workspace,body.spike-workspace.sidebar-collapsed{--workspace-start:12px;--workspace-edge:12px;--workspace-top:96px}.spike-workspace .live-layout .dashboard-main{padding-right:0}.key-table-scroll th:first-child,.key-table-scroll td:first-child{min-width:110px;width:110px;max-width:110px;padding:13px 10px}.key-table-scroll th:last-child,.key-table-scroll td:last-child{min-width:160px;width:160px;padding:8px 4px}.key-action-label{display:none}.key-row-action{min-width:26px;width:26px;min-height:34px;padding:5px}.key-row-actions{gap:3px}.key-table-scroll .data-table{min-width:1050px}.key-table-pagination{padding:15px 12px;font-size:11px;gap:12px}.key-use-modal{width:calc(100vw - 24px)}.key-use-modal .modal-body{padding:18px}.key-use-tabs button{font-size:11px;padding:12px 10px}.key-use-topline{font-size:12px;align-items:flex-start}.key-use-topline a{font-size:10px}.key-use-options{gap:10px}.key-use-options>label{min-width:120px}.key-use-instructions{font-size:12px}.key-config-file header{align-items:flex-start;flex-wrap:wrap;padding:12px}.key-config-file header strong{font-size:11px}.key-config-file pre{font-size:11px;padding:15px}.key-use-preview{padding:15px}.key-use-preview>span{grid-template-columns:65px minmax(0,1fr);gap:10px;font-size:11px}}

.key-table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media(max-width:600px){.key-table-scroll th:last-child,.key-table-scroll td:last-child{min-width:104px;width:104px}.key-row-actions{display:grid;grid-template-columns:repeat(3,26px);gap:3px;justify-content:center}}