@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Sans+SC:wght@400;500;600;700;900&display=swap');
.preview{margin:17px 0}.preview video{display:block;width:100%;max-height:330px;border-radius:9px;background:#000}.preview span{display:block;color:var(--muted);font-size:12px;margin-top:7px}
:root{--bg:#f7f7f4;--ink:#121212;--muted:#70706c;--line:#dfdfd9;--card:#fff;--accent:#d8ff45;--danger:#e35a4e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans SC',sans-serif;transition:.25s}body.dark{--bg:#111;--ink:#f5f5ef;--muted:#aaa9a2;--line:#30302c;--card:#1a1a18;--accent:#d8ff45}header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,26px)}.brand{font-weight:900;font-size:23px;letter-spacing:-1.5px;color:var(--ink);text-decoration:none}.brand span{color:#779000}nav{display:flex;align-items:center;gap:24px}nav a{color:var(--muted);font-size:14px;text-decoration:none}button{border:0;background:var(--ink);color:var(--bg);border-radius:9px;padding:12px 18px;font:600 14px inherit;cursor:pointer}nav button{padding:8px 10px;background:transparent;color:var(--ink);font-size:20px}main{max-width:1120px;margin:auto;padding:0 28px}.hero{padding:110px 0 88px;text-align:center}.eyebrow{font:12px 'DM Mono';letter-spacing:1.7px;color:#718500;font-weight:bold}.hero h1,.dashboard-head h1{font-size:clamp(42px,7vw,82px);line-height:1.08;letter-spacing:-5px;margin:20px 0}.hero h1 em{font-style:normal;background:var(--accent);padding:0 9px;color:#171717}.hero>p{color:var(--muted);font-size:17px;margin:0 auto 42px}.uploader{position:relative;max-width:720px;margin:auto;padding:40px;border:1.5px dashed #aeb0a5;border-radius:18px;background:var(--card);display:flex;flex-direction:column;gap:8px;align-items:center;cursor:pointer;transition:.2s}.uploader:hover,.uploader.drag{border-color:#7e9500;background:#f9ffe7}.uploader input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon{background:var(--accent);font-size:32px;width:54px;height:54px;border-radius:50%;color:#202500}.uploader small{color:var(--muted)}.job{max-width:720px;margin:20px auto 0;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--card);text-align:left}.hidden{display:none}.jobtop{display:flex;justify-content:space-between;font-weight:600}.jobtop span:last-child{color:#718500}.bar{height:7px;background:var(--line);border-radius:8px;margin:16px 0 10px;overflow:hidden}.bar i{display:block;width:3%;height:100%;background:var(--accent);transition:.4s}.job p{margin:0;color:var(--muted);font-size:14px}.job a{margin-top:14px;display:inline-block;text-decoration:none}.steps{padding:54px 0 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.steps article{background:var(--bg);padding:36px}.steps b{font:13px 'DM Mono';color:#718500}.steps h3{margin:32px 0 8px;font-size:20px}.steps p{color:var(--muted);margin:0;font-size:14px}.feedback{border-top:1px solid var(--line);padding:90px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px}.feedback h2{font-size:36px;letter-spacing:-2px;margin:18px 0}.feedback p{color:var(--muted)}form{display:flex;flex-direction:column;gap:10px}textarea,select{font:inherit;padding:14px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--ink)}textarea{height:115px;resize:vertical}footer{border-top:1px solid var(--line);padding:24px 5vw;color:var(--muted);font-size:13px;display:flex;justify-content:space-between}.dashboard-head{display:flex;justify-content:space-between;align-items:end;padding:60px 0 32px}.dashboard-head h1{font-size:46px;margin:14px 0 0}.dashboard-head p{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.metric{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.metric b{display:block;font:36px 'DM Mono';letter-spacing:-2px}.metric span{color:var(--muted);font-size:13px}.table-section{margin:50px 0}.table-section h2{font-size:21px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:15px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-weight:500}td a{color:#637700}.tag{padding:4px 8px;border-radius:20px;background:#eef8c8;font-size:12px}.error{background:#ffe0dc}.feedback-list{display:grid;gap:10px}.feedback-item{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.feedback-item small{color:var(--muted)}@media(max-width:640px){header{padding:0 18px}nav{gap:13px}nav a:not(:last-of-type){display:none}main{padding:0 18px}.hero{padding:72px 0 60px}.hero h1{letter-spacing:-3px}.uploader{padding:30px 15px}.steps,.feedback{grid-template-columns:1fr;gap:1px}.feedback{gap:30px;padding:60px 0}.metrics{grid-template-columns:repeat(2,1fr)}footer{display:block}footer span{display:block;margin-top:8px}.dashboard-head{padding-top:36px}}