@import"https://fonts.googleapis.com/css2?family=DM+Mono&family=Instrument+Sans:wdth,wght@75..100,400..700&display=swap";:root{background:#f5f5f1;color:#20201d;font-family:Instrument Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0;cursor:pointer}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:#ecece6}.login form{width:min(340px,100%);display:grid;gap:12px;padding:28px;background:#fff;border:1px solid #d9d9d0;box-shadow:0 18px 50px #20201d12}.eyebrow{margin:0;color:#74746c;font:10px DM Mono,monospace;letter-spacing:.08em}h1,h2,h3{margin:0;font-weight:550;letter-spacing:-.04em}.login h1{font-size:26px;margin-bottom:12px}label{display:grid;gap:6px;color:#54544e;font-size:12px}input{width:100%;border:1px solid #d5d5cd;padding:9px 10px;background:#fff;color:#20201d;font:12px DM Mono,monospace}input:focus{outline:2px solid #9bcf60;outline-offset:-1px}button{align-self:start;padding:9px 12px;background:#20201d;color:#fff;font-size:12px;font-weight:650}button:hover{background:#3d3d37}.icon-button{display:inline-grid;width:30px;min-width:30px;height:30px;place-items:center;padding:0;font:17px/1 DM Mono,monospace;font-weight:400}.labeled-action{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;font:10px/1 DM Mono,monospace;font-weight:500}.primary-action{width:100%;justify-content:center}.error{margin:0;color:#ba4430;font-size:12px}.shell{min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr)}aside{display:flex;flex-direction:column;gap:18px;padding:24px 16px;border-right:1px solid #d9d9d0;background:#eeeeea}aside h1{font-size:20px}.instances{display:grid;gap:4px}.provision{display:grid;gap:7px;padding:10px;background:#e5e5de;border:1px solid #d5d5cd}.provision button{width:100%}.instance-tools code{font-family:DM Mono,monospace}.instance-row{display:flex;align-items:stretch;border:1px solid transparent}.instance{flex:1;display:grid;grid-template-columns:8px 1fr;gap:9px;padding:9px;text-align:left;color:#353530;background:transparent;border:1px solid transparent;font-size:13px;font-weight:550}.instance:hover,.instance-row.active .instance{background:#fff;border-color:#d8d8d0}.instance-remove{align-self:center;margin-right:4px;color:#a04030;background:transparent;font-size:13px}.instance-remove:hover{background:#fff0ed}.dot{width:7px;height:7px;margin-top:5px;border-radius:999px;background:#a8a8a0}.dot.online{background:#5eae43}.dot.offline{background:#d64b40}.dot.degraded{background:#dba444}.signout{margin-top:auto;padding:0;color:#77776f;background:transparent;font-size:17px}.signout:hover,.text-button:hover{color:#20201d;background:transparent}.board{width:min(1400px,100%);padding:28px 32px 56px}.board header,.panel-head,.tab-summary,.instance-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.header-actions,.tab-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.delete-instance{color:#a04030;background:transparent;border:1px solid #d8bbb5}.delete-instance:hover{background:#fff0ed}.board h2{margin-top:6px;font-size:24px}.status{padding:5px 8px;color:#fff;background:#a8a8a0;font:10px DM Mono,monospace;text-transform:uppercase}.status.online{background:#5eae43}.status.offline{background:#d64b40}.status.degraded{background:#dba444;color:#4b3b13}.instance-id{margin:8px 0 0;color:#77776f;font:9px DM Mono,monospace;letter-spacing:.07em;overflow-wrap:anywhere}.instance-id{margin-top:10px;color:#898980}.notice{margin:18px 0 0;padding:8px 10px;color:#38566d;background:#e6f0f5;border-left:2px solid #6094b3;font-size:12px}.notice.success{color:#376d16;background:#e3f3d2;border-color:#78b74e}.notice.error{color:#963322;background:#f9dfd8;border-color:#d76752}.tab-strip{display:flex;align-items:end;gap:4px;min-height:66px;margin-top:20px;overflow-x:auto;border-bottom:1px solid #d9d9d0}.browser-tab{display:flex;width:180px;min-width:140px;height:55px;color:#5a5a53;background:transparent;border:1px solid transparent;border-bottom:0;font:11px DM Mono,monospace}.browser-tab:hover{color:#20201d;background:#eeeeea}.browser-tab.active{position:relative;color:#20201d;background:#fff;border-color:#d9d9d0}.browser-tab.active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#fff;content:""}.browser-tab-select{min-width:0;flex:1;padding:10px;color:inherit;background:transparent;text-align:left;font:inherit}.browser-tab-select:hover{background:transparent}.browser-tab-close{z-index:1;align-self:center;width:24px;min-width:24px;height:24px;margin-right:5px;padding:0;color:inherit;background:transparent;font:16px/1 DM Mono,monospace;font-weight:400}.browser-tab-close:hover{background:#dcdcd5}.browser-tab span,.browser-tab small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-tab small{margin-top:5px;color:#92928a;font-size:9px}.new-browser-tab{align-self:end;width:54px;min-width:54px;height:55px;margin-left:auto;padding:0;color:#5a5a53;background:#eeeeea;border:1px solid #d9d9d0;border-bottom:0;font:24px/1 DM Mono,monospace;font-weight:400}.new-browser-tab:hover{color:#20201d;background:#deded6}.tab-workspace{padding-top:18px}.tab-summary{display:grid;gap:14px;padding:15px 16px;border:1px solid #deded6;background:#fff}.tab-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.tab-summary h3{margin-top:6px;font-size:17px}.tab-actions button{color:#5d5d56;background:#eeeeea}.tab-actions button:hover{color:#20201d;background:#deded6}.tab-actions .danger{color:#a04030}.navigate-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:10px;padding:10px;border:1px solid #deded6;background:#eeeeea}.navigate-bar button{min-width:38px}.tab-screenshot{display:block;width:100%;max-height:520px;object-fit:contain;object-position:left top;background:#f5f5f1}.console-list,.history-list{overflow:auto;color:#5c5c55;font:10px/1.55 DM Mono,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.history-list>div{padding:7px 0;border-top:1px solid #eeeeea}.console-entry{display:grid;grid-template-columns:92px 62px minmax(180px,1fr) minmax(120px,190px);gap:9px;padding:8px 0;border-top:1px solid #eeeeea;color:#575750}.console-entry time,.console-entry small{color:#898980;white-space:nowrap}.console-entry code{color:inherit;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.console-level{width:max-content;padding:1px 4px;color:#476778;background:#e5f0f5;text-transform:uppercase}.console-entry.warning{color:#806221}.console-entry.warning .console-level{color:#806221;background:#f8efca}.console-entry.error{color:#963322}.console-entry.error .console-level{color:#963322;background:#f9dfd8}.network-table{overflow:auto;font:10px/1.45 DM Mono,monospace}.network-summary{display:flex;flex-wrap:wrap;gap:7px 14px;margin-bottom:8px;color:#74746c;font:10px DM Mono,monospace}.network-head,.network-row{display:grid;grid-template-columns:58px minmax(220px,1fr) 58px 70px 64px 72px;gap:8px;min-width:620px;padding:8px 0}.network-head{color:#85857e;border-top:0}.network-row{color:#5c5c55}.network-request{min-width:620px;border-top:1px solid #eeeeea}.network-request summary{cursor:pointer;list-style:none}.network-request summary::-webkit-details-marker{display:none}.network-request[open] .network-row{color:#20201d;background:#eeeeea}.network-row b,.network-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.network-row b{color:#30302c;font-weight:500}.network-row small{margin-top:2px;color:#888880;font-size:9px}.network-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px;margin:0;padding:10px 8px;color:#606059;background:#f7f7f3}.network-details div{min-width:0}.network-details dt{color:#8a8a82;font-size:9px;text-transform:uppercase}.network-details dd{margin:2px 0 0;overflow-wrap:anywhere}.http-error{color:#ba4430}.command{display:grid;grid-template-columns:1fr auto;gap:4px 8px}.command small{align-self:start;padding:2px 4px;text-transform:uppercase}.command.completed small{color:#376d16;background:#e3f3d2}.command.failed small{color:#963322;background:#f9dfd8}.command.dispatched small{color:#6b5d1b;background:#f7efc8}.command em{grid-column:1 / -1;color:#a04030;font-style:normal}.drawer-handles{position:fixed;z-index:10;top:50%;right:0;display:grid;gap:1px;transform:translateY(-50%)}.drawer-handles button{min-width:72px;padding:11px 7px;background:#20201d;border-right:0;color:#fff;font:10px DM Mono,monospace;writing-mode:vertical-rl;text-orientation:mixed}.drawer-handles button:hover{background:#8bbf4d;color:#20201d}.drawer-overlay{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto minmax(0,1fr);padding:28px 32px;background:#f5f5f1;border-left:3px solid #8bbf4d;animation:inspect-in .2s ease-out}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #d9d9d0}.drawer-header h3{margin-top:6px;font-size:24px}.drawer-header button,.snapshot-again{font:17px/1 DM Mono,monospace}.drawer-content{min-height:0;padding-top:16px}.drawer-list{height:100%;max-height:calc(100vh - 125px);padding-right:6px}.drawer-overlay .network-table{max-height:calc(100vh - 180px)}.drawer-overlay .network-head,.drawer-overlay .network-row{grid-template-columns:70px minmax(320px,1fr) 70px 90px 76px 82px;padding:10px 0}.snapshot-again{position:absolute;right:32px;bottom:28px}@keyframes inspect-in{0%{transform:translate(100%)}to{transform:translate(0)}}.empty{margin:12px 0 0;color:#77776f;font:10px DM Mono,monospace}.empty.large{padding:100px 0;text-align:center}.instance-tools{align-items:center;margin-top:18px;padding-top:12px;border-top:1px solid #deded6}.checkbox{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;color:#4f4f49}.checkbox input{width:auto}.text-button{padding:0;color:#66665f;background:transparent;font:10px DM Mono,monospace}.instance-tools code{max-width:60%;overflow:hidden;color:#66665f;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.provision-modal{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#20201d66}.provision-modal>div{display:grid;gap:16px;width:min(680px,100%);max-height:min(760px,100%);padding:20px;background:#f5f5f1;border:1px solid #d5d5cd;box-shadow:0 24px 80px #20201d55}.provision-modal header,.provision-modal footer{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.provision-modal h2{margin-top:6px;font-size:20px}.provision-modal textarea{min-height:320px;resize:vertical;padding:12px;color:#30302c;background:#fff;border:1px solid #d5d5cd;font:11px/1.5 DM Mono,monospace}.provision-modal footer{justify-content:flex-end}@media(max-width:760px){.shell{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #d9d9d0}.instances{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.signout{margin-top:0}.board{padding:22px 16px 40px}.tab-summary,.instance-tools{display:grid}.drawer-overlay{padding:20px 16px}.snapshot-again{right:16px;bottom:20px}}
