:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050319;--bg-alt:#0b061f;--brand-deep:#220f60;--primary:#001fff;--primary-soft:#001fff1f;--primary-strong:#001fff59;--primary-outline-bright:#60a5fa;--accent-pink:#df367c;--accent-pink-soft:#df367c2e;--border-subtle:#94a3b847;--accent:var(--primary);--accent-soft:var(--primary-soft);--accent-strong:var(--primary-strong);--text:#e5e7eb;--text-subtle:#9ca3af;--text-muted:#9ca3af;--danger:#f97373;--radius-lg:12px;--radius-md:8px;--radius-sm:6px}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:radial-gradient(circle at top,var(--brand-deep)0,#050319 45%,#02010a 100%);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:20;border-bottom:1px solid var(--border-subtle);background:linear-gradient(90deg,var(--brand-deep),var(--primary));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.app-header-start{align-items:center;gap:.75rem;display:flex}.app-header-left{align-items:center;gap:.5rem;display:flex}.app-header-end{margin-left:auto}.logo-icon{display:none}.app-title{letter-spacing:.03em;font-weight:600}.app-nav{gap:.75rem;margin-left:1.5rem;font-size:.95rem;display:flex}.app-nav a{color:var(--text-subtle);border-radius:999px;padding:.35rem .7rem;transition:background .18s,color .18s}.app-nav a:hover{background:var(--accent-pink-soft);color:var(--accent-pink)}.app-main{flex:1;justify-content:center;padding:2.5rem 1.5rem 3rem;display:flex}.text-subtle{color:var(--text-subtle)}.app-login-view{justify-content:center;align-items:center}.login-prompt{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.login-title{letter-spacing:.03em;color:var(--text);margin:0;font-size:1.75rem;font-weight:600}.login-description{color:var(--text-subtle);max-width:280px;margin:0;font-size:.95rem}.login-btn{margin-top:.5rem}section{background:radial-gradient(circle at 0 0,#020617 0 50%,#000 100%);border:1px solid #1f2937d9;border-radius:1.25rem;width:100%;max-width:960px;padding:2rem 2.25rem;box-shadow:0 30px 80px #0f172ae6,0 0 0 1px #0f172ae6,0 0 40px #38bdf814}section h1{margin:0 0 .75rem;font-size:1.75rem}section p{color:var(--text-subtle);max-width:60rem;margin:.25rem 0}.card-muted{border-radius:var(--radius-md);color:var(--text-subtle);background:radial-gradient(circle at 0 0,#020617 0 40%,#020617 100%);border:1px dashed #374151e6;padding:.9rem 1rem;font-size:.9rem}.card-outline{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:0 0;padding:.9rem 1rem}.dropzone{border-radius:var(--radius-md);cursor:pointer;background:#0f172a99;border:1px dashed #374151e6;flex-direction:column;gap:.35rem;padding:.9rem 1rem;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.dropzone:hover{border-color:var(--accent-pink);box-shadow:0 0 0 1px #0f172ae6,0 0 18px var(--accent-pink-soft)}.dropzone-active{border-color:var(--accent-pink);box-shadow:0 0 0 1px #0f172ae6,0 0 24px var(--accent-pink-soft);background:#0f172ae6}.dropzone-title{color:var(--text);font-size:.9rem}.dropzone-subtitle,.dropzone-filename{color:var(--text-subtle);font-size:.8rem}.dropzone-filename-name{color:var(--text);font-weight:600}.btn{color:var(--text);cursor:pointer;background:radial-gradient(circle at 0 0,#0f172a 0,#020617 60% 100%);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.9rem;transition:background .18s,box-shadow .18s,border-color .18s,transform 80ms;display:inline-flex}.btn:hover{border-color:var(--primary);box-shadow:0 0 0 1px #0f172ae6,0 0 25px var(--primary-soft)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--accent-pink),var(--brand-deep));box-shadow:0 10px 40px var(--accent-pink-soft),0 0 0 1px #0f172ae6;border-color:#df367ccc}.btn-primary:hover{box-shadow:0 12px 45px var(--accent-pink-soft),0 0 0 1px #0f172ae6,0 0 22px var(--accent-pink-soft)}.btn-ghost{background:0 0;border-color:#94a3b873}.btn-ghost:hover{border-color:var(--accent-pink);background:#0f172ae6}.badge{color:var(--text);background:#001fff33;border:1px solid #001fffb3;border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.75rem;display:inline-flex}.field-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.field{flex-direction:column;gap:.35rem;display:flex}.input-with-icon{align-items:center;gap:.4rem;display:flex}.input-with-icon input{flex:1}.icon-button{border:1px solid var(--border-subtle);width:1.75rem;height:1.75rem;color:var(--text-subtle);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;font-size:.9rem;transition:background .18s,color .18s,border-color .18s,box-shadow .18s;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--accent-pink-soft);color:var(--accent-pink);border-color:var(--accent-pink);box-shadow:0 0 0 1px #0f172ae6,0 0 16px var(--accent-pink-soft)}.icon-button:disabled{opacity:.4;cursor:default}.field label{color:var(--text-subtle);padding:.12rem 0;font-size:.8rem}.label-with-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.label-action-buttons{gap:.25rem;display:inline-flex}.small-button{border:1px solid var(--border-subtle);background:var(--bg-alt);color:var(--text-subtle);cursor:pointer;border-radius:4px;padding:.12rem .3rem;font-size:.65rem;line-height:1.2;transition:border-color .15s,color .15s}.small-button:hover:not(:disabled){border-color:var(--accent-pink);color:var(--accent-pink)}.small-button:disabled{opacity:.5;cursor:default}.break-anywhere{word-break:break-all;overflow-wrap:anywhere}.field input:not([type=checkbox]):not([type=radio]),.field textarea,.field select{border-radius:var(--radius-md);color:var(--text);background:#020617;border:1px solid #374151e6;padding:.45rem .55rem;font-size:.9rem}.field input:not([type=checkbox]):not([type=radio]),.field select{box-sizing:border-box;height:2.25rem}.field textarea{resize:vertical;min-height:120px}.field input:focus:not([type=checkbox]):not([type=radio]),.field textarea:focus,.field select:focus{border-color:var(--accent-pink);box-shadow:0 0 0 1px #0f172ae6,0 0 0 1px #df367cb3,0 0 16px var(--accent-pink-soft);outline:none}.muted{color:var(--text-subtle);font-size:.85rem}.stack{flex-direction:column;gap:.75rem;display:flex}.stack-lg{flex-direction:column;gap:1.25rem;display:flex}.stack-lg :is(h1,h2,h3,h4,h5,h6){margin-bottom:0}.stack-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tabs{border-bottom:1px solid var(--border-subtle);gap:0;display:flex}.tab{color:var(--text-subtle);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.6rem 1rem;font-size:.9rem}.tab:hover{color:var(--text)}.tab-active{color:var(--text);border-bottom-color:var(--primary)}.pill{color:var(--text-subtle);border:1px solid #94a3b859;border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.75rem;display:inline-flex}.pill-user{box-sizing:border-box;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.9rem;display:inline-flex}.pill-user img{object-fit:cover;border-radius:999px;flex-shrink:0;width:24px;height:24px;margin:-6px 0}.dropdown-menu{position:relative}.dropdown-trigger{cursor:pointer}.dropdown-panel{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-alt);z-index:30;min-width:10rem;margin-top:.35rem;padding:.35rem 0;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0006}.dropdown-panel-align-left{left:0;right:auto}.dropdown-item{text-align:left;width:100%;color:var(--text);cursor:pointer;box-sizing:border-box;background:0 0;border:none;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;transition:background .15s,color .15s;display:block}.dropdown-item:hover{background:var(--accent-pink-soft);color:var(--accent-pink)}.autocomplete-wrapper{position:relative}.autocomplete-wrapper input{width:100%}.autocomplete-loading{color:var(--text-subtle);pointer-events:none;font-size:.9rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.autocomplete-panel{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-alt);z-index:30;max-height:24rem;margin-top:.35rem;margin-left:0;padding:.35rem 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.autocomplete-item{text-align:left;width:100%;color:var(--text);cursor:pointer;box-sizing:border-box;background:0 0;border:none;padding:.5rem 1rem;font-size:.9rem;transition:background .15s,color .15s;display:block}.autocomplete-item:hover,.autocomplete-item-highlighted{background:var(--accent-pink-soft);color:var(--accent-pink)}.autocomplete-highlight{color:var(--accent-pink);font-weight:600}.app-nav-mobile{align-items:center;display:none}.app-nav-mobile-trigger{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--text);cursor:pointer;background:#0f172a99;border:1px solid #94a3b859;justify-content:center;align-items:center;padding:0;transition:border-color .18s,background .18s;display:flex}.app-nav-mobile-trigger:hover{background:var(--accent-pink-soft);border-color:var(--accent-pink)}.user-menu{position:relative}.user-menu-trigger{color:var(--text);cursor:pointer;background:#0f172a99;border:1px solid #94a3b859;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.9rem;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.user-menu-trigger:hover{border-color:var(--accent-pink)}.user-menu-trigger img{object-fit:cover;border-radius:999px;flex-shrink:0;width:24px;height:24px;margin:-6px 0}.user-menu-dropdown{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-alt);z-index:30;min-width:10rem;margin-top:.35rem;padding:.35rem 0;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0006}.user-menu-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.9rem;transition:background .15s,color .15s;display:block}.user-menu-item:hover{background:var(--accent-pink-soft);color:var(--accent-pink)}.pill-locked{background:var(--primary-soft);border-color:var(--primary-outline-bright);color:var(--text-subtle)}.pill-unknown{border-color:var(--danger);color:var(--danger);background:#f973731f}.pill-missing{border-color:var(--danger)}.pill-default{border-color:var(--primary-strong);color:var(--text);background:var(--primary-soft)}.pill-extra{border-color:var(--accent-pink);background:var(--accent-pink-soft)}.registry-row-link:hover,.registry-row-link:hover td{color:var(--accent-pink)}.text-warning{color:var(--danger);font-size:.8rem}.raw-json{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#020617;max-height:360px;padding:.75rem .9rem;font-size:.8rem;overflow:auto}.error-text{color:var(--danger);font-size:.8rem}.divider{background:linear-gradient(90deg,#0000,#1f2937e6,#1f2937e6,#0000);border:none;width:100%;height:1px;margin:1rem 0}.justify-between{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.right{align-items:center;gap:.5rem;display:flex}.license-panel{border-left:2px solid var(--primary);border-radius:var(--radius-md);background:#0f172ae6;padding-left:.9rem}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border-subtle);background:radial-gradient(circle at 0 0,#020617 0 50%,#000 100%);border-radius:1rem;width:100%;max-width:900px;padding:1.5rem 1.75rem;box-shadow:0 24px 60px #0f172ae6,0 0 0 1px #0f172ae6}@media (max-width:900px){.logo-full{display:none!important}.logo-icon{display:block!important}}@media (max-width:768px){.app-header{padding-inline:1rem}section{padding:1.5rem 1.25rem}.app-nav{display:none}.app-nav-mobile{display:flex}.logo-full{display:none!important}.logo-icon{display:block!important}}
