@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap";:root{--bg: #545454;--bg-deep: #474747;--panel: #5d5d5d;--panel-strong: #666666;--line: #7a7a7a;--line-strong: #8b8b8b;--text: #ffffff;--muted: #ffffff;--muted-soft: #ffffff;--blue: #545454;--blue-dark: #3f3f3f;--accent: #8f8f8f;--danger: #ff8b8b;--shadow: 0 16px 40px rgba(0, 0, 0, .2);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Fira Code,Menlo,Consolas,monospace;font-size:15px}a{color:var(--text);text-decoration:none}button,input,select,textarea{font:inherit}.app-loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(1080px,100%);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,420px);gap:24px}.auth-copy,.auth-form-card,.content-panel,.sidebar{background:#5d5d5deb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(122,122,122,.95);border-radius:18px;box-shadow:var(--shadow)}.auth-copy,.auth-form-card,.content-panel{padding:28px}.mini-tag,.key-label,.meta-label{margin:0;color:var(--text);font-size:13px;letter-spacing:.06em}.auth-copy h1{margin:16px 0 14px;font-size:clamp(30px,5vw,48px);line-height:1.15}.auth-copy p{color:var(--text);max-width:46ch}.auth-tabs{display:inline-flex;padding:4px;border-radius:14px;background:#474747f2;margin-bottom:24px}.tab-btn,.oauth-btn,.primary-btn,.ghost-btn,.logout-btn,.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;transition:background-color .16s ease,color .16s ease,opacity .16s ease}.tab-btn{padding:10px 16px;border-radius:10px;background:transparent;color:var(--text)}.active-tab{background:var(--panel-strong);color:var(--text)}.stack-form{display:flex;flex-direction:column;gap:16px}.auth-field,.visibility-toggle{display:flex;flex-direction:column;gap:8px}.auth-field span{color:var(--text);font-size:13px}.auth-field input,.meta-input,.toolbar-select,.json-editor,.js-editor{width:100%;border:1px solid var(--line);background:#474747e6;color:var(--text);border-radius:14px;outline:none}.auth-field input,.meta-input,.toolbar-select{padding:14px 16px}.auth-field input:focus,.meta-input:focus,.toolbar-select:focus,.json-editor:focus,.js-editor:focus{border-color:#a9a9a9;box-shadow:0 0 0 4px #ffffff14}.primary-btn{padding:14px 18px;border-radius:12px;background:var(--panel-strong);color:#fff;border:1px solid var(--line-strong)}.primary-btn:hover{background:#757575}.small-btn{padding:11px 16px}.oauth-divider{margin:22px 0 14px;color:var(--text);font-size:13px;text-align:center}.oauth-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.oauth-btn,.ghost-btn,.logout-btn,.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#474747f2;color:var(--text)}.ghost-btn:hover,.oauth-btn:hover,.logout-btn:hover,.icon-btn:hover{background:#707070}.disabled-btn{opacity:.5;pointer-events:none}.hint-text,.empty-inline{color:var(--text)}.form-error{margin:0;color:var(--danger)}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{margin:16px;padding:24px 18px;display:flex;flex-direction:column}.brand-mark{font-size:26px;margin-bottom:24px}.brand-mark span{color:var(--blue)}.sidebar-user{margin:0 0 18px;color:var(--text)}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.sidebar-nav a,.logout-btn{justify-content:flex-start;padding:12px 14px}.sidebar-nav a:hover{background:#474747f2;color:var(--text);border-radius:12px}.logout-btn{margin-top:auto}.main-area{padding:16px 16px 16px 0}.content-panel{min-height:calc(100vh - 32px)}.content-toolbar,.editor-topbar,.bin-footer-row,.key-value-row,.access-key-item,.save-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.toolbar-select{max-width:320px}.bins-layout{display:flex;flex-direction:column}.bins-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:18px;flex:1;margin-top:16px}.table-card,.preview-empty,.meta-card,.docs-card,.key-card{background:#666666eb;border:1px solid var(--line);border-radius:16px}.table-head,.table-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(120px,.7fr) minmax(170px,.7fr);gap:16px;padding:18px 16px}.table-head{color:var(--text);border-bottom:1px solid var(--line)}.table-row{border-bottom:1px solid var(--line)}.table-row:last-child{border-bottom:0}.table-row:hover{background:#474747eb}.empty-table,.preview-empty{display:grid;place-items:center;color:var(--text)}.empty-table{min-height:180px}.preview-empty{min-height:100%}.editor-shell{display:flex;flex-direction:column;gap:16px}.meta-card{display:grid;grid-template-columns:1fr 1fr;padding:22px 24px}.meta-card strong{display:block;margin-top:10px;font-size:18px}.visibility-toggle{align-items:flex-start}.visibility-toggle div{display:inline-flex;align-items:center;gap:10px;margin-top:10px;font-size:18px}.editor-meta-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.json-editor,.js-editor{resize:vertical;min-height:420px;padding:22px 24px;line-height:1.8}.js-editor{min-height:150px}.bin-footer-row{margin-top:16px}.bin-footer-row p{margin:0;color:var(--text)}.api-keys-page{display:flex;flex-direction:column;gap:18px}.key-card,.docs-card{padding:22px}.key-value-row,.access-key-item{margin-top:12px}.key-value-row code,.access-key-value code,.docs-card code{display:block;width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#474747f2;overflow:auto;color:var(--text)}.access-key-item{padding-top:12px;border-top:1px solid var(--line)}.access-key-item:first-of-type{border-top:0;padding-top:0}.access-key-item p{margin:4px 0 0;color:var(--text)}.access-key-value{display:flex;gap:10px;align-items:center}.key-create-row{max-width:360px}pre{margin:0}pre code,.table-row span,.table-row strong,.content-panel,.sidebar,.auth-form-card,.auth-copy,.meta-card strong,.visibility-toggle div,.key-card,.docs-card,.brand-mark,.sidebar-nav a,.logout-btn,.oauth-btn,.ghost-btn,.icon-btn,input,textarea,select,button,code,pre,p,span,strong,label,h1,h2,h3,h4,h5,h6,div{color:var(--text)}@media(max-width:1100px){.auth-card,.dashboard-shell,.bins-split,.meta-card,.editor-meta-fields{grid-template-columns:1fr}.sidebar{margin:16px 16px 0}.main-area{padding:16px}.content-panel{min-height:auto}}@media(max-width:760px){.content-toolbar,.editor-topbar,.bin-footer-row,.key-value-row,.access-key-item,.save-row,.oauth-row{flex-direction:column;align-items:stretch}.table-head,.table-row{grid-template-columns:1fr}.auth-copy,.auth-form-card,.content-panel,.sidebar{padding:20px}}