:root{color:#1f2937;background:#f3f4f6;font-family:Arial,Helvetica,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button-link{min-height:40px;border:1px solid #cfd5df;background:#fff;color:#1f2937;border-radius:4px;padding:8px 14px;cursor:pointer;text-decoration:none}button:hover,.button-link:hover{border-color:#ef6a6d}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.icon-button span{display:inline-grid;place-items:center;width:18px;height:18px;font-size:16px;line-height:1}.primary{background:#ef6a6d;border-color:#ef6a6d;color:#fff}.primary:hover{background:#e85f62;border-color:#e85f62}.full{width:100%}.brand-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:1px solid #e4e7ec}.brand-lockup{display:inline-flex;align-items:center;gap:18px;min-width:0}.brand-logo{display:inline-flex;align-items:baseline;color:#010101;font-size:clamp(48px,6vw,76px);font-weight:900;line-height:1;letter-spacing:0}.brand-logo span:last-child{color:#f3272d}.brand-name{display:grid;gap:2px;padding-left:18px;border-left:1px solid #e4e7ec;color:#202938;line-height:1.05}.brand-name strong{font-size:clamp(18px,2.1vw,26px);font-weight:800}.brand-name span{color:#667085;font-size:clamp(15px,1.6vw,20px);font-weight:700}.auth-page{min-height:100vh;background:#fff}.auth-brand{justify-content:flex-start}.auth-stage{min-height:calc(100vh - 90px);display:grid;grid-template-columns:minmax(24px,1fr) minmax(320px,480px) minmax(24px,9vw);align-items:center;background:linear-gradient(90deg,#060a0fa8,#15191f73),url(https://images.unsplash.com/photo-1455390582262-044cdead277a?auto=format&fit=crop&w=1800&q=80);background-position:center;background-size:cover}.auth-box{grid-column:2;width:100%;background:#fff;border-radius:6px;padding:38px 40px 34px;display:grid;gap:20px;box-shadow:0 18px 36px #00000040}.auth-box h1{margin:0 0 6px;color:#202938;font-size:32px;line-height:1.15;font-weight:800}label{display:grid;gap:8px;color:#344054;font-size:13px;font-weight:800}input,select{width:100%;height:42px;border:1px solid #d0d5dd;border-radius:4px;padding:9px 13px;background:#fff;color:#1f2937}.select-shell{position:relative;display:block}.select-shell:after{content:"";position:absolute;right:13px;top:50%;width:8px;height:8px;border-right:2px solid #667085;border-bottom:2px solid #667085;pointer-events:none;transform:translateY(-65%) rotate(45deg)}.select-shell select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:38px;background:linear-gradient(180deg,#fff,#f9fafb);font-weight:700}.select-shell.compact{width:auto}input::placeholder{color:#9aa1aa}input:focus,select:focus{border-color:#5d83d6;box-shadow:0 0 0 1px #5d83d6;outline:0}.auth-link,.text-button{min-height:auto;border:0;background:transparent;color:#f3272d;padding:0}.auth-link{justify-self:center}.app-shell{min-height:100vh;background:linear-gradient(#f4f6f8f0,#f4f6f8f0),url(https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1800&q=80);background-position:center;background-size:cover}.account-strip{display:flex;align-items:center;gap:14px;color:#667085;font-size:14px}.account-strip strong{color:#1f2937}.workspace{width:100%;margin:0 auto;padding:18px 16px 30px}.workspace-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.workspace-title h1,.detail h2{margin:0;color:#202938;font-size:26px;line-height:1.2;font-weight:800}.workspace-title p,.detail p{margin:4px 0 0;color:#667085}.layout{display:grid;grid-template-columns:340px 1fr;gap:16px}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:18px;box-shadow:0 10px 24px #10182812}.panel-title,.detail-head,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.status-filter{width:auto;min-width:132px;height:38px;padding:7px 38px 7px 12px;color:#344054;font-size:13px;font-weight:700}.panel h2,.panel h3{margin:0;color:#202938;font-weight:800}.panel h2{font-size:19px}.panel h3{font-size:17px}.build-list,.detail{display:grid;align-content:start;gap:14px}.build-buttons,.messages{display:grid;gap:8px}.build-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;color:#344054;border-color:#e5e7eb;border-radius:6px;padding:12px}.build-copy{min-width:0;display:grid;gap:3px}.build-copy strong,.build-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-copy small{color:#667085;font-size:12px}.build-row.active{border-color:#d0d5dd;background:#fff;box-shadow:0 2px 8px #10182814}.status{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800}.status.failed{color:#b42318;background:#fee4e2}.status.ready_for_review{color:#92400e;background:#fef3c7}.status.deployed{color:#027a48;background:#d1fadf}.upload{border:1px dashed #d0d5dd;border-radius:8px;padding:14px;color:#344054;background:#fbfcfe;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.upload:hover{border-color:#ef6a6d;background:snow;box-shadow:0 6px 16px #1018280f}.upload span{color:#202938;font-size:13px;font-weight:800}.file-shell{position:relative;min-height:46px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:6px;padding:8px 10px;background:#fff;overflow:hidden}.file-shell strong{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border-radius:4px;padding:0 10px;background:#202938;color:#fff;font-size:12px;font-weight:800}.file-shell small{display:block;min-width:0;overflow:hidden;color:#667085;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.file-meta{display:grid;gap:6px;min-width:0}.upload-progress{width:100%;height:7px;overflow:hidden;border:0;border-radius:999px;background:#eef0f4}.upload-progress::-webkit-progress-bar{background:#eef0f4}.upload-progress::-webkit-progress-value{border-radius:999px;background:#12b76a}.upload-progress::-moz-progress-bar{border-radius:999px;background:#12b76a}.file-shell input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.notice{margin:0 0 12px;border-radius:4px;padding:10px 12px}.notice.success{background:#ecfdf3;color:#027a48;border:1px solid #abefc6}.notice.info{background:#eff8ff;color:#175cd3;border:1px solid #b2ddff}.notice.error{background:#fff3f3;color:#b42318;border:1px solid #ffd0d1}.auth-box .notice{margin:0}.status-box,.discussion{display:grid;gap:12px;border:1px solid #eef0f4;border-radius:8px;padding:14px;background:#fcfcfd}.meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.meta-row span{display:inline-flex;align-items:center;gap:6px;min-height:30px;border:1px solid #e5e7eb;border-radius:999px;padding:4px 10px;background:#f9fafb;color:#475467;font-size:13px}.meta-row strong{color:#202938;font-size:11px;text-transform:uppercase}.errors{margin:0;padding-left:20px;color:#b42318}.message{border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#fbfcfe}.message.mine{border-color:#b2ddff;background:#eff8ff}.message strong{color:#202938}.message p{color:#344054;white-space:pre-wrap}.message-form{display:grid;grid-template-columns:1fr auto;gap:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#0f172a94}.modal{width:min(430px,100%);display:grid;gap:14px;border:1px solid #e5e7eb;border-radius:8px;padding:22px;background:#fff;box-shadow:0 24px 60px #0f172a40}.modal h2{margin:0;color:#202938;font-size:22px;line-height:1.2}.modal p{margin:0;color:#475467;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.empty{color:#667085}@media (max-width: 820px){.brand-header{height:76px;padding:0 16px}.brand-logo{font-size:46px}.brand-lockup{gap:10px}.brand-name{padding-left:10px}.auth-stage{min-height:calc(100vh - 76px);grid-template-columns:16px 1fr 16px;padding:20px 0}.auth-box{padding:28px 22px}.account-strip{align-items:flex-end;flex-direction:column;gap:4px}.layout{grid-template-columns:1fr}.workspace-title,.detail-head,.actions{align-items:stretch;flex-direction:column}.message-form{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}}