@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--bg:#0c0c0b;--panel:#111110;--lift:#181817;--edge:#242422;--edge2:#2e2e2b;--dust:#3a3a36;--dim:#6b6b64;--mid:#9a9a90;--ink:#e8e8e0;--bright:#f5f5ed;--amber:#e8c547;--amber-dim:#e8c5471f;--amber-ghost:#e8c5470f;--red:#e85547;--red-dim:#e855471a;--green:#5db87a;--green-dim:#5db87a1a;--mono:"Space Mono", ui-monospace, monospace;--sans:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--container:1180px;--ease:cubic-bezier(.16,1,.3,1);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}*{margin:0}html{min-height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);min-height:100vh;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}img,svg,video{max-width:100%;display:block}input,button,textarea,select{font:inherit}button,[role=button]{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}:focus-visible{outline:1.5px solid var(--amber);outline-offset:3px}.page{flex:1;grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--edge);height:52px}.topbarInner{width:min(100%, var(--container));justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 32px;display:flex}.brand{font-family:var(--mono);color:var(--bright);letter-spacing:-.01em;align-items:center;gap:9px;font-size:.82rem;font-weight:700;display:flex}.brand:hover .brandMark{background:var(--amber)}.brandMark{background:var(--bright);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:22px;height:22px;transition:background .2s var(--ease)}.navActions{align-items:center;gap:6px;display:flex}.navBtn{font-family:var(--mono);color:var(--dim);background:0 0;border:none;border-radius:4px;padding:6px 10px;font-size:.75rem;font-weight:400;transition:color .14s,background .14s}.navBtn:hover{color:var(--ink);background:var(--lift)}.navBtnPrimary{color:var(--amber);border:1px solid var(--edge2);background:var(--amber-ghost)}.navBtnPrimary:hover{background:var(--amber-dim);border-color:var(--amber)}.body{width:min(calc(100% - 48px), var(--container));border-left:1px solid var(--edge);border-right:1px solid var(--edge);grid-template-columns:minmax(390px,.92fr) minmax(0,1.08fr);min-height:0;margin:0 auto;display:grid}.leftPane{border-right:1px solid var(--edge);flex-direction:column;min-width:0;padding:0;display:flex}.rightPane{background:var(--panel);flex-direction:column;min-width:0;display:flex}.leftHead{border-bottom:1px solid var(--edge);padding:36px 40px 28px}.eyebrow{font-family:var(--mono);color:var(--dust);letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;font-size:.7rem;font-weight:400}.headline{letter-spacing:-.055em;color:var(--bright);font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:.96}.headline .accentWord{color:var(--amber)}.subline{color:var(--dim);max-width:380px;margin-top:16px;font-size:.9rem;line-height:1.65}.helperGrid{flex-wrap:wrap;gap:8px;max-width:470px;margin-top:20px;display:flex}.helperGrid span,.helperGrid a,.helperGrid button{border:1px solid var(--edge);background:var(--amber-ghost);font-family:var(--mono);color:var(--dim);letter-spacing:.02em;border-radius:4px;align-items:center;gap:5px;padding:5px 8px;font-size:.62rem;display:inline-flex}.helperGrid button{border:1px solid var(--edge)}.helperGrid a:hover,.helperGrid button:hover{color:var(--amber);border-color:var(--edge2)}.dropZone{min-height:260px;color:var(--ink);cursor:pointer;transition:background .18s var(--ease);text-align:center;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:40px;display:flex;position:relative}.dropZone:before{content:"";border:1.5px dashed var(--edge2);pointer-events:none;transition:border-color .18s var(--ease), opacity .18s;border-radius:10px;position:absolute;inset:20px}.dropZone:hover:before,.dropZone.isDragging:before{border-color:var(--amber);border-style:dashed}.dropZone.isDragging{background:var(--amber-ghost)}.dropZone.hasFiles{background:#5db87a08}.dropZone.hasFiles:before{border-style:solid;border-color:var(--green);opacity:.6}.dropZone:disabled:before{opacity:.3}.dropZone:disabled{cursor:not-allowed}.dzIcon{width:52px;height:52px;color:var(--dust);transition:color .18s var(--ease), transform .2s var(--ease);place-items:center;display:grid}.dropZone:hover .dzIcon,.dropZone.isDragging .dzIcon{color:var(--amber);transform:translateY(-3px)}.dropZone.hasFiles .dzIcon{color:var(--green)}.diamondIcon{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:currentColor;display:block}.dzPrimary{color:var(--mid);letter-spacing:-.01em;font-size:1rem;font-weight:600}.dropZone:hover .dzPrimary,.dropZone.isDragging .dzPrimary{color:var(--ink)}.dzSecondary{color:var(--dust);font-size:.8rem}.dzSecondary u{color:var(--mid);text-underline-offset:3px;-webkit-text-decoration-color:var(--edge2);text-decoration-color:var(--edge2)}.fileList{text-align:left;font-family:var(--mono);flex-direction:column;gap:6px;max-width:min(430px,100%);font-size:.72rem;display:flex}.fileRow{color:var(--dim);overflow-wrap:anywhere;align-items:center;gap:8px;display:flex}.fileRow .ok{color:var(--green)}.fileRow .err{color:var(--red)}.fileRow .na{color:var(--dust)}.leftFooter{border-top:1px solid var(--edge);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:16px 40px;display:flex}.statusLabel{font-family:var(--mono);color:var(--dust);font-size:.72rem}.deployBtn{background:var(--amber);color:#0c0c0b;font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border:none;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:9px 20px;font-size:.78rem;font-weight:700;transition:background .14s,opacity .14s;display:inline-flex}.deployBtn:hover:not(:disabled){background:#f0ce52}.deployBtn:disabled{opacity:.28;cursor:not-allowed}.progressBar{background:var(--edge);width:100%;height:2px;overflow:hidden}.progressBar span{background:var(--amber);height:100%;transition:width .3s var(--ease);display:block}.packageShelf{border-top:1px solid var(--edge);flex-direction:column;gap:8px;padding:18px 40px 24px;display:flex}.shelfHead{font-family:var(--mono);color:var(--dust);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:.68rem;display:flex}.shelfHead strong{color:var(--amber);font-size:.72rem}.packageItem{border:1px solid var(--edge);width:100%;color:var(--ink);text-align:left;background:0 0;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;transition:border-color .14s,background .14s;display:grid}.packageItem:hover,.packageItem.isActive{border-color:var(--edge2);background:var(--lift)}.packageItem.isActive{background:var(--amber-ghost);border-color:#e8c54761}.packageMark{width:24px;height:24px;color:var(--amber);place-items:center;display:grid}.packageCopy{min-width:0}.packageCopy strong{color:var(--mid);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;line-height:1.25;display:block;overflow:hidden}.packageCopy small{font-family:var(--mono);color:var(--dust);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.62rem;display:block;overflow:hidden}.packageEmpty{border:1px dashed var(--edge);font-family:var(--mono);color:var(--dust);text-align:center;border-radius:7px;padding:12px;font-size:.68rem}.rightHead{border-bottom:1px solid var(--edge);justify-content:space-between;align-items:flex-start;gap:12px;padding:36px 40px 28px;display:flex}.rightTitle{font-family:var(--mono);color:var(--dust);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:400}.liveChip{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:3px;align-items:center;gap:5px;padding:3px 8px;font-size:.65rem;font-weight:700;display:inline-flex}.liveChip.idle{background:var(--lift);color:var(--dust)}.liveChip.live{background:var(--green-dim);color:var(--green)}.liveChip.error{background:var(--red-dim);color:var(--red)}.liveChip.busy{background:var(--amber-dim);color:var(--amber)}.liveChip .dot{background:currentColor;border-radius:50%;width:5px;height:5px}.liveChip.live .dot{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.resultArea{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;min-width:0;padding:40px;display:flex}.resultAreaTop{justify-content:flex-start;align-items:stretch}.emptyState{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.emptyGlyph{color:var(--edge2);font-size:2.8rem;line-height:1;font-family:var(--mono);letter-spacing:-.06em;-webkit-user-select:none;user-select:none;margin-bottom:6px;font-weight:700}.emptyTitle{color:var(--dust);letter-spacing:-.01em;font-size:.85rem;font-weight:600}.emptyBody{color:var(--edge2);max-width:220px;font-size:.78rem;line-height:1.6}.emptyHint{max-width:360px;font-family:var(--mono);color:var(--dust);margin-top:4px;font-size:.66rem;line-height:1.6}.runnerStack{width:100%;animation:resultIn .4s var(--ease) both;flex-direction:column;gap:14px;display:flex}@keyframes resultIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.packageHeaderCard{background:var(--lift);border:1px solid var(--edge2);border-radius:7px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}.packageHeaderCard h2{color:var(--bright);letter-spacing:-.035em;overflow-wrap:anywhere;font-size:1.25rem;line-height:1.1}.resultUrl{font-family:var(--mono);color:var(--dim);letter-spacing:.02em;margin-bottom:8px;font-size:.72rem}.resultActions{flex-wrap:wrap;gap:6px;display:flex}.runnerActions{align-items:center}.resultBtn{background:var(--lift);border:1px solid var(--edge2);font-family:var(--mono);color:var(--mid);border-radius:4px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:7px 12px;font-size:.72rem;transition:border-color .14s,color .14s,background .14s,opacity .14s;display:inline-flex}.resultBtn:hover:not(:disabled){border-color:var(--amber);color:var(--amber);background:var(--amber-ghost)}.resultBtn:disabled{opacity:.32}.resultBtnPrimary{color:#0c0c0b;background:var(--amber);border-color:var(--amber);font-weight:700}.resultBtnPrimary:hover:not(:disabled){color:#0c0c0b;background:#f0ce52}.resultBtnDanger{color:var(--red);background:var(--red-dim);border-color:#e8554740}.pendingPill{background:var(--amber-ghost);color:var(--amber);font-family:var(--mono);border-radius:4px;align-items:center;gap:6px;padding:7px 10px;font-size:.68rem;display:inline-flex}.checklist{flex-direction:column;gap:2px;width:100%;display:flex}.runnerChecklist{background:0 0}.checkRow{border-radius:5px;align-items:center;gap:10px;padding:10px 12px;display:flex}.checkRow+.checkRow{border-top:1px solid var(--edge)}.checkIcon{width:16px;height:16px;font-family:var(--mono);flex-shrink:0;place-items:center;font-size:.7rem;display:grid}.checkIcon.ok{color:var(--green)}.checkIcon.err{color:var(--red)}.checkLabel{font-family:var(--mono);color:var(--mid);flex:1;font-size:.76rem}.checkValue{font-family:var(--mono);color:var(--dust);text-align:right;overflow-wrap:anywhere;font-size:.72rem}.errNotice{background:var(--red-dim);width:100%;font-family:var(--mono);color:var(--red);animation:resultIn .24s var(--ease) both;border:1px solid #e8554740;border-radius:6px;padding:12px 14px;font-size:.73rem;line-height:1.5}.warnNotice{background:var(--amber-ghost);color:var(--amber);border-color:#e8c54740;align-items:flex-start;gap:8px;display:flex}.scriptBox{border:1px solid var(--edge);background:#18181785;border-radius:7px;padding:12px}.scriptHead{font-family:var(--mono);color:var(--dust);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:.68rem;display:flex}.miniBtn{border:1px solid var(--edge2);background:var(--lift);color:var(--mid);font-family:var(--mono);border-radius:4px;align-items:center;gap:5px;padding:5px 8px;font-size:.62rem;display:inline-flex}.miniBtn:hover:not(:disabled){color:var(--amber);border-color:var(--amber)}.scriptList{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.scriptChip{border:1px solid var(--edge2);background:var(--lift);color:var(--mid);font-family:var(--mono);border-radius:4px;padding:6px 8px;font-size:.68rem}.scriptChip:hover,.scriptChip.isActive{color:var(--amber);border-color:var(--amber);background:var(--amber-ghost)}.metaGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.metaGrid span{border:1px solid var(--edge);min-width:0;color:var(--dim);font-family:var(--mono);overflow-wrap:anywhere;border-radius:5px;align-items:center;gap:7px;padding:8px 10px;font-size:.68rem;display:flex}.metaGrid svg{color:var(--dust);flex:none}.logsPanel{border:1px solid var(--edge);background:#0b0b0a;border-radius:7px;overflow:hidden}.logsHead{border-bottom:1px solid var(--edge);color:var(--dust);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;font-size:.68rem;display:flex}.logsPanel pre{white-space:pre-wrap;word-break:break-word;color:#d6d6ca;min-height:170px;max-height:320px;font-family:var(--mono);margin:0;padding:12px;font-size:.68rem;line-height:1.65;overflow:auto}.siteFooter{border-top:1px solid var(--edge);grid-column:1/-1}.siteFooterInner{width:min(100%, var(--container));justify-content:space-between;align-items:center;gap:18px;margin:0 auto;padding:14px 32px;display:flex}.footerMono,.footerNotes{font-family:var(--mono);color:var(--edge2);letter-spacing:.04em;font-size:.65rem}.footerNotes{text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.footerNotes span+span:before{content:"·";color:var(--dust);margin-right:10px}.toast{z-index:20;max-width:min(560px,100vw - 36px);color:var(--ink);border:1px solid var(--edge2);text-align:left;font-family:var(--mono);background:#111110f5;border-radius:7px;padding:12px 14px;font-size:.72rem;position:fixed;bottom:18px;right:18px;box-shadow:0 18px 60px #00000052}.spin{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.body{border-left:0;border-right:0;grid-template-columns:1fr;width:100%}.leftPane{border-right:none;border-bottom:1px solid var(--edge)}.rightPane{min-height:360px}.leftHead,.rightHead{padding:24px 24px 20px}.dropZone,.resultArea{padding:28px 24px}.leftFooter,.packageShelf{padding-left:24px;padding-right:24px}.deployBtn{justify-content:center;width:100%}.headline{font-size:clamp(1.8rem,7vw,3rem)}.topbarInner{padding:0 20px}.siteFooterInner{flex-direction:column;align-items:flex-start;padding:12px 20px}.footerNotes{text-align:left;justify-content:flex-start}}@media (width<=580px){.metaGrid{grid-template-columns:1fr}.packageItem{grid-template-columns:auto minmax(0,1fr)}.packageItem .liveChip{grid-column:1/-1;width:fit-content}.resultActions>*{width:100%}.checkRow{align-items:flex-start}.checkValue{max-width:45%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}