:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#17263c;background:#f5f7f7;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
:focus-visible{outline:3px solid #30b7a8;outline-offset:3px}
.mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#b3f0e3;color:#17394a;font-size:28px;font-weight:800;line-height:1}
.button{border:1px solid transparent;border-radius:13px;padding:14px 20px;font-weight:700;line-height:1.1;display:inline-flex;align-items:center;justify-content:center;gap:15px;transition:transform .18s,background .18s,box-shadow .18s;white-space:nowrap}
.button:not(:disabled):hover{transform:translateY(-2px)}.button.primary{background:#157d72;color:#fff;box-shadow:0 8px 18px rgba(21,125,114,.16)}.button.primary:hover{background:#0f6c63;box-shadow:0 11px 22px rgba(21,125,114,.24)}.button.secondary{background:#fff;color:#254d52;border-color:#cbdcda}.button.secondary:hover{background:#ecf7f5}.button.ghost{background:transparent;border-color:#dce6e5;color:#46616b}.button.ghost:hover{background:#eaf2f1}.button.small{padding:9px 14px;font-size:13px}.button.wide{width:100%;margin-top:22px;justify-content:space-between;padding:17px 20px}
.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.19em;color:#157d72}.eyebrow.light{color:#a7efdf}.muted{color:#647383}.form-error{border-radius:10px;padding:10px 13px;margin-top:16px;color:#9f2732;background:#fff0f0;border:1px solid #f5cdd1;font-size:14px;line-height:1.45}
.auth-shell{display:grid;grid-template-columns:minmax(440px,47%) 1fr;min-height:100vh;background:#fff}.auth-art{background:radial-gradient(circle at 8% 22%,#1e4560 0,transparent 35%),linear-gradient(145deg,#0d1a2d,#122c42 70%,#163b4c);color:#fff;padding:36px clamp(32px,5vw,80px) 28px;display:flex;flex-direction:column;overflow:hidden;position:relative}.auth-brand,.brand,.mobile-brand{display:flex;align-items:center;gap:12px;font:800 21px Manrope,Arial,sans-serif;letter-spacing:-.04em}.auth-art .mark{background:#b0eddf}.auth-art-content{position:relative;z-index:1;margin:auto 0;padding:25px 0 50px}.auth-art h1{font:800 clamp(43px,4.5vw,72px)/1.12 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:20px 0 24px}.auth-art h1 em{font-style:normal;color:#a7efdf}.auth-art p{max-width:510px;color:#bbd0d6;font-size:17px;line-height:1.7;margin:0}.auth-foot{font-size:12px;color:#8da6b0;letter-spacing:.02em}.art-composition{height:330px;position:relative;margin-top:20px}.art-card{position:absolute;width:260px;height:298px;border:10px solid #fff;border-bottom-width:37px;border-radius:8px;box-shadow:0 25px 60px rgba(0,0,0,.26);overflow:hidden}.art-card-back{left:27%;top:20px;transform:rotate(-13deg);background:linear-gradient(#bce9e3 0 52%,#d8ceaa 53% 100%)}.art-card-front{left:48%;top:30px;transform:rotate(11deg);background:linear-gradient(165deg,#f6c7a7 3%,#d77568 40%,#625970 94%)}.art-sun{position:absolute;background:#fff1c5;border-radius:50%;width:112px;height:112px;top:45px;right:20px}.art-hill{position:absolute;background:#659d87;width:140%;height:130px;bottom:-15px;left:-15%;border-radius:60% 60% 0 0;transform:rotate(-12deg)}.art-orb{position:absolute;background:#ffe2b3;border-radius:50%;width:150px;height:150px;top:44px;right:12px;box-shadow:0 0 60px #ffd7ac}.art-ridge{position:absolute;background:#352f4b;width:150%;height:125px;bottom:-5px;left:-20%;border-radius:52% 48% 0 0;transform:rotate(12deg)}.art-spark{position:absolute;color:#b4eee2}.art-spark-one{left:15%;top:115px;font-size:58px}.art-spark-two{right:9%;top:15px;font-size:38px}
.auth-main{display:grid;place-items:center;padding:36px}.auth-panel{width:min(100%,420px)}.mobile-brand{display:none}.auth-panel h2{font:800 clamp(30px,3vw,39px)/1.17 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:16px 0 12px}.auth-panel p{font-size:15px;line-height:1.6;margin:0 0 34px}.auth-panel label{display:block;font-size:13px;font-weight:700;margin:20px 0 9px}.auth-panel input,.title-field input{width:100%;background:#f7f9f8;border:1px solid #dbe5e3;border-radius:12px;padding:15px 16px;outline:none;color:#18293a;transition:border .2s,box-shadow .2s}.auth-panel input:focus,.title-field input:focus{border-color:#36a99d;box-shadow:0 0 0 3px rgba(54,169,157,.14)}.password-wrap{position:relative}.password-wrap input{padding-right:84px}.password-wrap button{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#157d72;background:none;border:0;font-size:13px;font-weight:700}.auth-note{border-top:1px solid #e6edec;margin-top:38px;padding-top:22px;color:#83939d;font-size:12px;display:flex;align-items:center;gap:9px}.lock-icon{font-size:22px;color:#73a89f}
.app-shell{min-height:100vh;background:linear-gradient(180deg,#f4f9f8 0,#f7f8f8 320px)}.topbar{background:#fff;border-bottom:1px solid #e5eceb}.topbar-inner{max-width:1240px;margin:auto;padding:16px 26px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:19px}.topbar-actions{display:flex;align-items:center;gap:20px}.worker-badge{display:inline-flex;align-items:center;gap:8px;background:#fff3e3;color:#9a641f;padding:9px 12px;border-radius:999px;font-size:12px;font-weight:700}.worker-badge.online{background:#e7f6ef;color:#28725c}.status-dot{width:7px;height:7px;background:currentColor;border-radius:50%}.account-name{font-size:13px;color:#607585;max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace{max-width:1240px;margin:0 auto;padding:50px 26px 60px}.workspace-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:34px}.workspace-heading h1{max-width:750px;font:800 clamp(29px,3.4vw,46px)/1.16 Manrope,Arial,sans-serif;letter-spacing:-.05em;margin:12px 0 15px}.workspace-heading p{margin:0;color:#607384;font-size:15px;line-height:1.6}.model-pill{background:#fff;border:1px solid #e0ebe8;border-radius:17px;display:flex;align-items:center;gap:12px;min-width:260px;padding:13px 16px;box-shadow:0 6px 25px rgba(26,62,66,.04)}.model-icon{display:grid;place-items:center;background:#e2f6f0;color:#178b7c;border-radius:12px;width:38px;height:38px;font-size:21px}.model-pill strong,.model-pill small{display:block}.model-pill strong{font-size:13px}.model-pill small{font-size:11px;color:#829197;margin-top:4px}
.upload-card{background:#fff;border:1px solid #e4eceb;border-radius:25px;padding:29px;box-shadow:0 17px 48px rgba(37,67,68,.06)}.card-heading,.jobs-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.card-heading h2,.jobs-heading h2{font:800 24px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.035em;margin:7px 0 0}.step-number{color:#a2b4b5;font-size:12px;font-weight:700}.dropzone{margin-top:24px;border:1.5px dashed #9bcfc5;background:radial-gradient(circle at 50% 0,#f0fbf8,#f9fcfb 74%);border-radius:20px;padding:38px 18px;text-align:center;transition:background .2s,border-color .2s,transform .2s}.dropzone.dragging,.dropzone:hover{background:#eaf8f4;border-color:#159e8b}.drop-icon{display:grid;place-items:center;margin:auto;width:56px;height:56px;border-radius:17px;background:#def4ed;color:#147d70;font-size:33px;font-weight:500;box-shadow:0 8px 20px rgba(47,140,119,.12)}.dropzone h3{font:800 21px Manrope,Arial,sans-serif;letter-spacing:-.03em;margin:18px 0 8px}.dropzone p{color:#697d88;font-size:14px;margin:0}.picker-buttons{display:flex;justify-content:center;gap:10px;margin:24px 0 18px;flex-wrap:wrap}.dropzone small{color:#9aa9ad;font-size:11px}.selection{border:1px solid #e5eeec;border-radius:16px;margin-top:17px;padding:18px}.selection-summary{display:flex;justify-content:space-between;align-items:center;gap:15px}.selection-summary strong,.selection-summary span{display:block}.selection-summary strong{font-size:14px}.selection-summary span{font-size:12px;color:#81939a;margin-top:4px}.text-button{border:0;background:none;color:#147d70;font-weight:700;padding:8px}.selection-list{list-style:none;padding:0;margin:15px 0 0;max-height:155px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:7px 17px}.selection-list li{padding:7px 9px;background:#f8faf9;border-radius:8px;font-size:12px;color:#536878;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-actions{border-top:1px solid #e9efed;padding-top:16px;margin-top:16px;display:flex;justify-content:space-between;align-items:end;gap:20px}.title-field{font-size:12px;font-weight:700;color:#5c6f7b;flex:1;max-width:470px}.title-field input{display:block;margin-top:7px;padding:12px 13px;font-size:14px}.upload-progress{padding-top:18px}.progress-copy{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.progress-copy span{font-weight:700;color:#158575}.progress-track{height:9px;background:#e6f1ee;border-radius:99px;overflow:hidden}.progress-track div{height:100%;background:linear-gradient(90deg,#2da38d,#8ddbb6);border-radius:99px;width:0;transition:width .2s}
.jobs-section{margin-top:50px}.jobs-heading{margin-bottom:18px}.jobs-list{display:grid;gap:11px}.job-row{width:100%;text-align:left;background:#fff;border:1px solid #e5eeec;border-radius:17px;padding:18px 20px;display:grid;grid-template-columns:46px minmax(0,1fr) 160px 120px 25px;align-items:center;gap:16px;transition:box-shadow .15s,border-color .15s}.job-row:hover{border-color:#a9d7cf;box-shadow:0 10px 24px rgba(24,82,76,.06)}.job-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#e7f5f1;color:#228a7c;font-size:22px}.job-name{font-weight:800;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-meta{font-size:12px;color:#82949b;margin-top:5px}.job-state{font-size:12px;font-weight:700}.job-state.done{color:#288064}.job-state.partial{color:#ad7b2d}.job-state.failed{color:#b34c52}.job-state.queued,.job-state.uploading{color:#937a42}.job-state.processing{color:#147b8d}.job-arrow{color:#90aaac;font-size:23px}.job-progress{font-size:12px;color:#7b8d97}.empty-jobs{background:#fff;border:1px solid #e6eeec;border-radius:20px;text-align:center;padding:50px 20px}.empty-glyph{font-size:41px;color:#91b6ad}.empty-jobs h3{font:800 18px Manrope,Arial,sans-serif;margin:7px 0}.empty-jobs p{max-width:410px;margin:0 auto;color:#80919a;font-size:13px;line-height:1.6}.privacy-note{display:flex;align-items:flex-start;gap:12px;color:#829298;margin:25px 5px 0;font-size:12px}.privacy-note span{font-size:20px;color:#6ea69a}.privacy-note p{margin:2px 0;line-height:1.6}
.modal-overlay{position:fixed;inset:0;background:rgba(9,24,38,.62);z-index:20;display:grid;place-items:center;padding:16px}.modal{width:min(100%,850px);max-height:min(92vh,850px);overflow:auto;background:#fff;border-radius:23px;padding:27px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.modal-top{display:flex;justify-content:space-between;align-items:start;gap:15px}.modal-top h2{font:800 25px Manrope,Arial,sans-serif;margin:7px 0}.icon-button{border:0;background:#f2f6f5;width:37px;height:37px;border-radius:10px;font-size:25px;color:#5d7280}.detail-status{padding:12px 0;color:#617986;font-size:13px;line-height:1.5}.detail-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.detail-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:13px}.photo-card{background:#f7f9f8;border:1px solid #e8eeed;border-radius:13px;overflow:hidden}.photo-card img{width:100%;height:210px;object-fit:cover;display:block;background:#e8efed}.photo-card-body{padding:10px;display:grid;gap:8px}.photo-card-name{font-size:11px;color:#607581;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-card a{color:#127d71;font-size:12px;font-weight:700}.danger-link{border:0;background:transparent;color:#b1434a;font-weight:700;padding:9px 10px}
@media(max-width:900px){.auth-shell{grid-template-columns:40% 60%}.auth-art{padding:30px}.art-card{width:200px;height:230px}.art-card-back{left:10%}.art-card-front{left:34%}.auth-art h1{font-size:42px}.art-composition{height:270px}.workspace-heading{align-items:start;flex-direction:column}.model-pill{min-width:0}.job-row{grid-template-columns:46px minmax(0,1fr) 100px 20px}.job-progress{display:none}}
@media(max-width:680px){.auth-shell{display:block}.auth-art{display:none}.auth-main{min-height:100vh;padding:24px}.mobile-brand{display:flex;margin-bottom:65px}.topbar-inner{padding:13px 18px}.account-name{display:none}.topbar-actions{gap:8px}.worker-badge{padding:8px;font-size:0}.worker-badge .status-dot{width:8px;height:8px}.workspace{padding:33px 16px}.workspace-heading h1{font-size:30px}.upload-card{padding:18px;border-radius:19px}.card-heading h2,.jobs-heading h2{font-size:21px}.dropzone{padding:30px 14px}.picker-buttons{display:grid;grid-template-columns:1fr 1fr}.picker-buttons .button:first-child{grid-column:1/-1}.picker-buttons .button{padding:12px 8px;font-size:12px}.dropzone h3{font-size:18px}.selection-list{grid-template-columns:1fr}.selection-actions{align-items:stretch;flex-direction:column}.title-field{max-width:none;width:100%}.selection-actions .button{width:100%}.job-row{grid-template-columns:39px minmax(0,1fr) 20px;padding:13px;gap:11px}.job-icon{width:39px;height:39px}.job-state{grid-column:2;grid-row:2}.job-arrow{grid-column:3;grid-row:1/3}.job-name{font-size:13px}.modal{padding:18px}.detail-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-card img{height:170px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
