TripoSplatWebGPU / assets /e2eWebChecks-Cj939bvo.css
Yosun's picture
Deploy TripoSplat WebGPU app (production)
5ad1cb0 verified
Raw
History Blame Contribute Delete
3.38 kB
:root{color:#e8edf7;background:#070a12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% 0%,#16213c 0,transparent 34rem),#070a12}a{color:#9fc5ff;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.topbar{display:flex;justify-content:space-between;gap:1rem;padding:1rem 4vw;border-bottom:1px solid #25304a;background:#090d17dd}.topbar a{color:#fff;letter-spacing:.08em}.topbar span{color:#8d99ae;font-size:.8rem}main{width:min(1080px,92vw);margin:0 auto;padding:4rem 0}.hero{padding:1rem 0 3rem}h1{max-width:800px;margin:.3rem 0 1rem;font-size:clamp(2.6rem,7vw,5.8rem);line-height:.95;letter-spacing:-.06em}h2{margin:.25rem 0 1.4rem;font-size:clamp(1.5rem,3vw,2.2rem)}.hero>p:not(.eyebrow){max-width:760px;color:#b2bdd0;font-size:1.08rem;line-height:1.65}.eyebrow{margin:0;color:#7aa8ff;font-size:.72rem;font-weight:800;letter-spacing:.16em}.overall{display:inline-flex;margin-top:1rem;padding:.65rem .9rem;border:1px solid #42506e;border-radius:999px;background:#101728}.overall[data-state=passed]{border-color:#35c784;color:#7ff2b7}.overall[data-state=failed]{border-color:#f05d68;color:#ff9aa2}.overall[data-state=warning]{border-color:#d49a36;color:#ffd27a}.panel{margin-bottom:1.2rem;padding:clamp(1.2rem,4vw,2.2rem);border:1px solid #26324c;border-radius:18px;background:#0d1321e8;box-shadow:0 24px 80px #0005}label{display:block;margin-bottom:.45rem;color:#c8d0df;font-size:.85rem}.input-row{display:grid;grid-template-columns:1fr auto;gap:.7rem}input{min-width:0;padding:.85rem 1rem;border:1px solid #35415c;border-radius:10px;color:#f4f7fc;background:#080d18}button{padding:.8rem 1rem;border:1px solid #4b6191;border-radius:10px;color:#eef4ff;background:#162647}button:hover:not(:disabled){background:#203760}.actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}.note,.status-line{color:#9da9bc;line-height:1.55}code{color:#bed5ff}.stage-list{display:grid;gap:.65rem;padding:0;list-style:none}.stage-list li{display:grid;grid-template-columns:9rem 1fr auto;gap:1rem;align-items:baseline;padding:.85rem 1rem;border:1px solid #28334b;border-radius:10px;background:#090e19}.stage-list strong{color:#d9e2f2}.stage-list small{color:#8490a5}.stage-list li[data-state=passed]{border-left:3px solid #35c784}.stage-list li[data-state=failed]{border-left:3px solid #f05d68}.stage-list li[data-state=skipped]{border-left:3px solid #d49a36}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.75rem;border-bottom:1px solid #28334b;text-align:left;white-space:nowrap}th{color:#8998b0;font-size:.73rem;letter-spacing:.09em;text-transform:uppercase}td{color:#d2d9e6}pre{max-height:34rem;overflow:auto;margin:0;padding:1rem;border:1px solid #26324c;border-radius:10px;color:#bcd0ef;background:#060a12;font:.78rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}footer{display:flex;justify-content:center;gap:1.2rem;padding:2rem;border-top:1px solid #202a40;color:#8c98aa}@media(max-width:700px){.topbar{align-items:flex-start;flex-direction:column}.input-row{grid-template-columns:1fr}.stage-list li{grid-template-columns:1fr;gap:.25rem}main{padding-top:2rem}}