.cp-standalone{margin:0;background:#111619;color:#e4ebed;font:14px system-ui;color-scheme:dark;--surface:#182125;--bg:#111619;--text:#e4ebed;--muted:#91a4ac;--quiet:#83959c;--line:#2c3a40;--accent:#89d5bc;--hover:#26363c}
.cp-shell{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:65vh;position:relative;background:var(--bg);color:var(--text);font:13px system-ui}
.cp-standalone .cp-shell{min-height:100dvh}.cp-side{border-right:1px solid var(--line);padding:24px 14px;display:flex;flex-direction:column;gap:6px;min-width:0}.cp-side-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;font-size:12px;color:var(--muted)}
.cp-shell .cp-title:disabled{opacity:1;cursor:default}.cp-actions a{color:var(--muted);text-decoration:none}
[data-app-page=clipboard] .lab-page-head{display:none}[data-app-page=clipboard] .lab-main{max-width:none}[data-app-page=clipboard] .cp-shell{min-height:calc(100dvh - 100px)}
.domain-catalog{margin:24px 0;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.domain-catalog summary,.routing-settings summary{cursor:pointer}.routing-settings details{padding:10px 0;border-bottom:1px solid var(--line)}.routing-settings details label{margin-top:10px}.cp-grant select{max-width:155px}
.cp-shell button,.cp-dialog button{cursor:pointer;background:none;border:0;color:inherit;font:inherit}.cp-shell button:disabled,.cp-dialog button:disabled{opacity:.35;cursor:default}.cp-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:4px;flex-shrink:0}.cp-icon svg{width:18px;height:18px}.cp-icon:hover,.cp-board:hover{background:var(--hover)}
.cp-board{display:flex;gap:9px;align-items:center;padding:10px;border-radius:4px;text-align:left;overflow-wrap:anywhere}.cp-board svg{width:17px;height:17px;flex-shrink:0}.cp-board[aria-current=true]{background:var(--hover);color:var(--accent)}.cp-foot{margin-top:auto;padding-top:30px;display:flex;align-items:center;justify-content:space-between;color:var(--quiet);font-size:11px}.cp-secret{font-size:11px!important;padding:0!important;cursor:default!important}
.cp-main{min-width:0;padding:20px 26px;position:relative}.cp-header{display:flex;gap:12px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.cp-title{font-size:21px!important;font-weight:500!important;text-align:left;overflow-wrap:anywhere;min-width:0}.cp-actions{display:flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.cp-crumbs{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:18px 0;color:var(--muted);min-height:28px}.cp-crumbs button{padding:4px}.cp-crumbs button:hover{color:var(--accent)}
.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;align-content:start;min-height:380px;padding:8px 0 40px}.cp-grid.cp-dragover{outline:2px dashed var(--accent);outline-offset:-4px;background:color-mix(in srgb,var(--accent) 6%,transparent)}.cp-tile{position:relative;border:1px solid var(--line);border-radius:5px;background:var(--surface);padding:12px;min-width:0;align-self:start}.cp-tile:has(input:checked){border-color:var(--accent)}.cp-tile>label{position:absolute;right:10px;top:12px}.cp-tile input{accent-color:var(--accent)}.cp-file-main{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left;min-height:105px}.cp-file-main>svg{width:29px;height:29px;color:var(--accent);margin-bottom:8px}.cp-file-main span{overflow-wrap:anywhere}.cp-file-main small{color:var(--muted);font-size:11px}.cp-file-actions{display:flex;justify-content:flex-end;gap:3px;margin-top:7px}.cp-file-actions a{text-decoration:none;color:var(--muted)}.cp-file-actions .cp-icon{width:28px;height:28px}.cp-empty{grid-column:1/-1;display:grid;place-items:center;color:var(--quiet);min-height:250px}.cp-progress{font-size:12px;color:var(--muted);min-height:22px;margin:8px 0}.cp-status-bar{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);flex-wrap:wrap}.cp-status-bar label{display:flex;gap:6px;align-items:center}
.cp-locked .cp-side,.cp-locked .cp-main{opacity:.22;filter:grayscale(1)}.cp-login-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0b101379;z-index:5;padding:20px}.cp-login{display:grid;gap:16px;width:min(310px,calc(100vw - 80px));padding:30px;border:1px solid var(--line);border-radius:6px;background:var(--surface);box-shadow:0 18px 80px #0005}.cp-login h1{font-size:23px;font-weight:500;margin:0 0 6px}.cp-login input,.cp-dialog input,.cp-dialog select{box-sizing:border-box;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:9px;font:inherit;min-width:0}.cp-login button[type=submit],.cp-primary{background:var(--accent)!important;color:var(--bg)!important;padding:10px 14px;border:0;border-radius:4px;cursor:pointer;font:inherit}.cp-login-error{color:#f08b97;font-size:12px;overflow-wrap:anywhere}.cp-login .cp-secret{color:var(--quiet);justify-self:center}.cp-dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:24px;width:min(580px,calc(100vw - 60px));max-height:85dvh;overflow:auto;font:13px system-ui}.cp-dialog::backdrop{background:#0009}.cp-dialog h2{font-size:19px;font-weight:500;margin:0 0 20px}.cp-dialog form{display:grid;gap:12px}.cp-dialog label{display:grid;gap:6px;color:var(--muted)}.cp-dialog header{display:flex;justify-content:space-between;gap:12px}.cp-dialog hr{border:0;border-top:1px solid var(--line);margin:20px 0}.cp-grant{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.cp-grant>span{flex:1}.cp-result{padding:12px;background:var(--bg);overflow-wrap:anywhere;user-select:all;white-space:pre-wrap}.cp-danger{color:#ef8d99!important}.cp-dialog .cp-restore{padding:7px;color:var(--accent)}
@media(max-width:700px){.cp-shell{grid-template-columns:1fr}.cp-side{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow:auto;padding:12px;align-items:center}.cp-side-header{margin:0;white-space:nowrap}.cp-board{white-space:nowrap}.cp-foot{margin:0;padding:0 4px}.cp-foot small{display:none}.cp-main{padding:16px 12px}.cp-title{font-size:18px!important}.cp-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:8px}.cp-header{align-items:flex-start}.cp-login-overlay{position:fixed}.cp-actions{max-width:180px}}
