:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f8fb;--surface:#fff;--surface-strong:#f8fafc;--ink:#172033;--muted:#667085;--subtle:#8a94a6;--line:#dce3ec;--line-strong:#c6d0df;--teal:#0f766e;--teal-strong:#0b5f59;--blue:#2563eb;--blue-soft:#e8f0ff;--amber:#b45309;--amber-soft:#fff7ed;--rose:#be123c;--rose-soft:#fff1f2;--green:#15803d;--green-soft:#ecfdf3;--shadow:0 12px 32px #0f172a14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-height:100vh;color:var(--ink);background:linear-gradient(180deg, #0f766e0f, transparent 240px), var(--bg);margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}h1,h2,h3,p{margin:0}h1{letter-spacing:0;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.1}h2{letter-spacing:0;font-size:1.15rem;line-height:1.25}h3{letter-spacing:0;font-size:.98rem;line-height:1.35}small{color:var(--muted)}.app-frame{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;flex-direction:column;height:100vh;padding:20px;display:flex;position:sticky;top:0}.brand{min-height:42px;color:var(--ink);align-items:center;gap:10px;font-weight:800;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--teal);border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.side-nav{gap:6px;margin-top:28px;display:grid}.side-nav a{color:#344054;border-radius:8px;align-items:center;gap:10px;min-height:38px;padding:9px 10px;text-decoration:none;display:flex}.side-nav a:hover{background:var(--surface-strong)}.side-nav a.active{color:var(--teal-strong);background:#e6f4f1}.sidebar-footer{gap:10px;margin-top:auto;display:grid}.user-chip{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:2px;min-width:0;padding:10px;display:grid;overflow:hidden}.user-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.content-shell{width:100%;max-width:1320px;padding:28px}.auth-surface{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);background:var(--surface);width:min(100%,480px);box-shadow:var(--shadow);border-radius:8px;padding:28px}.auth-card.wide{width:min(100%,680px)}.auth-heading{gap:10px;margin-bottom:22px;display:grid}.auth-heading p,.page-header p,.panel-heading p,.empty-state p,.remote-row p,.job-row p,.download-card p,.package-main p,.ready-strip p,.token-row p,.user-row p,.invite-row p{color:var(--muted)}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-header>div{gap:8px;min-width:0;display:grid}.page-actions,.heading-actions,.form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.eyebrow{color:var(--teal-strong);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:800}.grid{gap:16px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stack{gap:16px;display:grid}.panel,.download-card,.package-workbench,.package-row,.ready-strip,.token-row,.remote-row,.job-row,.user-row,.invite-row,.wizard-step{border:1px solid var(--line);background:var(--surface);border-radius:8px}.panel{padding:20px;box-shadow:0 1px #0f172a08}.panel.compact{padding:16px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.panel-heading>div:first-child{gap:4px;min-width:0;display:grid}.button,.icon-button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;text-decoration:none;transition:background .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}.button{padding:8px 13px;font-weight:700}.button:hover,.icon-button:hover{transform:translateY(-1px)}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.62;transform:none}.button.primary{color:#fff;background:var(--teal)}.button.primary:hover{background:var(--teal-strong)}.button.secondary{color:var(--ink);border-color:var(--line-strong);background:var(--surface)}.button.secondary:hover{border-color:var(--teal)}.button.ghost{color:#344054;border-color:var(--line);background:0 0}.button.danger{color:var(--rose);background:var(--rose-soft);border-color:#fecdd3}.button.full{width:100%}.icon-button{color:#344054;border-color:var(--line);background:var(--surface);width:38px;padding:0}.icon-button.danger{color:var(--rose);background:var(--rose-soft);border-color:#fecdd3}.form-grid,.inline-form{gap:14px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-form{grid-template-columns:minmax(180px,1fr) auto;align-items:end;margin-bottom:16px}label{color:#344054;gap:7px;font-size:.9rem;font-weight:700;display:grid}input,select,textarea{width:100%;min-height:40px;color:var(--ink);border:1px solid var(--line-strong);background:#fff;border-radius:8px;outline:none;padding:9px 11px}textarea{resize:vertical;min-height:96px}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f766e1f}.notice{border:1px solid var(--line);background:var(--surface-strong);color:#344054;border-radius:8px;padding:11px 12px}.notice.error{background:var(--rose-soft);color:var(--rose);border-color:#fecdd3}.notice.success{background:var(--green-soft);color:var(--green);border-color:#bbf7d0}.notice.warn{background:var(--amber-soft);color:var(--amber);border-color:#fed7aa}.notice+.package-list,.notice+.empty-state{margin-top:12px}.status-pill{border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;width:fit-content;max-width:100%;min-height:26px;padding:3px 9px;font-size:.8rem;font-weight:800;display:inline-flex}.status-dot{background:currentColor;border-radius:999px;flex:none;width:8px;height:8px}.status-ok{color:var(--green);background:var(--green-soft);border-color:#bbf7d0}.status-warn{color:var(--amber);background:var(--amber-soft);border-color:#fed7aa}.status-danger{color:var(--rose);background:var(--rose-soft);border-color:#fecdd3}.status-info{color:var(--blue);background:var(--blue-soft);border-color:#bfdbfe}.status-neutral{color:#475467;background:var(--surface-strong)}.loading-block,.empty-state{min-height:74px;color:var(--muted);align-items:center;gap:10px;display:flex}.empty-state{border:1px dashed var(--line-strong);background:var(--surface-strong);border-radius:8px;justify-content:center}.remote-list,.job-list,.package-list,.token-list,.user-list,.invite-list{gap:10px;display:grid}.remote-row,.job-row,.token-row,.user-row,.invite-row,.wizard-step{padding:14px}.remote-row,.package-row,.token-row,.user-row,.invite-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.remote-main,.package-main,.token-main,.user-main,.invite-main{align-items:center;gap:12px;min-width:0;display:flex}.remote-main div,.package-main div,.token-main div,.user-main div,.invite-main div{min-width:0}.remote-main p,.package-main p,.token-main p,.user-main p,.invite-main p,.code-line{overflow-wrap:anywhere}.remote-icon,.package-icon,.token-icon,.user-icon,.invite-icon,.step-number{width:34px;height:34px;color:var(--teal-strong);background:#e6f4f1;border-radius:8px;flex:none;place-items:center;display:inline-grid}.remote-meta,.package-meta,.token-meta,.user-meta,.invite-meta{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.package-workbench{background:var(--surface);gap:16px;padding:20px;display:grid;box-shadow:0 1px #0f172a08}.package-workbench-head,.ready-strip{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.package-workbench-head>div,.ready-strip>div:first-child{gap:4px;min-width:0;display:grid}.package-count{min-height:28px;color:var(--teal-strong);background:#e6f4f1;border:1px solid #b7e4de;border-radius:999px;align-items:center;padding:4px 10px;font-size:.82rem;font-weight:800;display:inline-flex}.package-form-grid{grid-template-columns:minmax(220px,1.4fr) repeat(2,minmax(170px,1fr));align-items:end;gap:14px;display:grid}.package-action-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.workspace-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:16px;margin-top:16px;display:grid}.package-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px;display:grid}.package-meta{justify-content:flex-start;min-width:190px}.package-actions{align-items:center;gap:8px;display:inline-flex}.ready-strip{background:var(--surface);margin-top:16px;padding:16px}.download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.download-card{gap:14px;padding:16px;display:grid}.download-card dl{gap:8px;margin:0;display:grid}.download-card dl div{justify-content:space-between;gap:12px;display:flex}.download-card dt{color:var(--muted)}.download-card dd{text-align:right;margin:0}.job-row{gap:10px;display:grid}.job-topline{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.progress-track{background:#e5e7eb;border-radius:999px;height:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--teal));height:100%;display:block}.command-box{border:1px solid var(--line);color:#f8fafc;background:#111827;border-radius:8px;align-items:center;gap:8px;padding:12px;display:flex}.command-box code{overflow-wrap:anywhere;flex:1;min-width:0;font-size:.86rem}.text-link{color:var(--teal-strong);font-weight:800;text-decoration:none}.text-link:hover{text-decoration:underline}.wizard-list{gap:12px;display:grid}.wizard-step{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.step-number{color:#fff;background:var(--teal);font-weight:800}.spin{animation:.9s linear infinite spin}.pulse{animation:1.4s ease-in-out infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (width<=1100px){.download-grid,.grid.three,.package-form-grid,.workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.app-frame{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:14px;position:static}.side-nav{grid-auto-columns:max-content;grid-auto-flow:column;margin-top:14px;padding-bottom:4px;overflow-x:auto}.sidebar-footer{display:none}.content-shell{padding:18px}.page-header,.panel-heading,.remote-row,.ready-strip,.token-row,.user-row,.invite-row,.job-topline{flex-direction:column;align-items:stretch}.remote-meta,.package-meta,.token-meta,.user-meta,.invite-meta{justify-content:flex-start}.grid.two,.grid.three,.download-grid,.workspace-grid,.package-form-grid,.form-grid.two,.inline-form{grid-template-columns:1fr}.package-workbench-head{flex-direction:column}.package-row{grid-template-columns:1fr}.package-actions{justify-content:flex-start}.wizard-step{grid-template-columns:auto minmax(0,1fr)}.wizard-step .button{grid-column:1/-1}}@media (width<=520px){.auth-surface{padding:12px}.auth-card,.panel{padding:16px}.page-actions,.heading-actions,.form-actions,.page-actions .button,.form-actions .button,.inline-form .button{width:100%}}
