@import"https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Serif+SC:wght@500;700;900&display=swap";:root{font-family:DM Mono,PingFang SC,monospace;color:#16251f;background:#e8ebe3}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}aside{background:#17382d;color:#eef1e5;padding:38px 28px;display:flex;flex-direction:column}.brand{font:900 27px/.9 "Noto Serif SC",serif}.brand i{color:#d8ff76;font-style:normal}nav{display:grid;gap:9px;margin-top:78px}nav span{padding:10px 0;color:#aebbb3;font-size:12px}nav .active{color:#fff;border-bottom:1px solid #d8ff76}aside small{margin-top:auto;color:#9aaba2;font-size:10px}.workspace{max-width:1130px;width:100%;margin:auto;padding:64px 7vw}header,.split,.actions{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.kicker,.success p{font-size:11px;letter-spacing:2px;color:#527165}h1,h2{font-family:"Noto Serif SC",serif;margin:8px 0}.stage{border:1px solid #789488;padding:8px 10px;font-size:11px}.steps{display:flex;gap:30px;margin:52px 0 18px;border-bottom:1px solid #cbd2c9}.steps b{font-size:11px;padding:0 0 14px;color:#87938c}.steps .on{color:#17382d;border-bottom:3px solid #d8ff76}.panel{background:#f9faf5;padding:38px;box-shadow:12px 12px #cbd2c1}.fields{display:grid;grid-template-columns:1.2fr .45fr .8fr;gap:14px;margin:26px 0}label{font-size:11px;color:#64736a}input{display:block;width:100%;border:0;border-bottom:1px solid #aebbb3;background:transparent;padding:10px 0;font:14px "Noto Serif SC",serif}.caption,.split p{font-size:12px;color:#64736a}.tag-category{margin:15px 0}.tag-category>small,.tags em{font-size:10px;color:#62746a;font-style:normal}.tags{display:flex;gap:9px;flex-wrap:wrap;margin:8px 0 14px}.tags button,.quiet{border:1px solid #b9c4bb;background:transparent;padding:9px 13px;cursor:pointer;font:11px DM Mono}.tags .picked{background:#17382d;color:#fff}.primary{border:0;background:#d8ff76;padding:14px 18px;cursor:pointer;font:700 12px DM Mono}.primary:disabled{opacity:.35}.warning{color:#a54524;font-size:12px}.set-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.set{text-align:left;border:1px solid #d3d9d1;background:#fff;padding:12px;cursor:pointer}.set.chosen{border:2px solid #17382d}.set span{display:grid;place-items:center;height:105px;background:linear-gradient(135deg,#d8ff76,#83a798);font:48px "Noto Serif SC"}.set strong,.set small,.set i{display:block;margin-top:9px}.set strong{font:700 15px "Noto Serif SC"}.set small,.set i{font-size:10px;color:#607267}.success,.login-panel{margin-top:70px;padding:56px;background:#17382d;color:#fff;max-width:640px}.success h2{font-size:38px}.success span{display:block;color:#b4c5bb;margin:13px 0 30px;font-size:12px}.login-panel{box-shadow:12px 12px #cbd2c1}.login-panel>p:not(.kicker){color:#b4c5bb;font-size:12px;margin:14px 0 28px}.login-panel label{display:block;margin:17px 0;color:#b4c5bb}.login-panel input{color:#fff;border-color:#6f8b7d}.account{display:flex;gap:12px;align-items:center}.logout{border:0;background:transparent;color:#527165;font:11px DM Mono;cursor:pointer}@media(max-width:760px){.shell{grid-template-columns:1fr}aside{display:none}.workspace{padding:34px 20px}.fields,.set-grid{grid-template-columns:1fr 1fr}h1{font-size:24px}.panel,.login-panel{padding:24px}}.records-panel{background:#f9faf5;padding:38px;box-shadow:12px 12px #cbd2c1}.record-row{width:100%;display:grid;grid-template-columns:1.2fr .6fr 1fr auto;gap:16px;align-items:center;text-align:left;border:0;border-top:1px solid #d3d9d1;background:transparent;padding:17px 0;cursor:pointer;font:11px DM Mono;color:#17382d}.record-row span,.record-row small{color:#62746a}.record-row i{font-style:normal}.record-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0}.record-facts span{display:grid;gap:6px;color:#62746a;font-size:10px}.record-facts b{color:#17382d;font:700 15px "Noto Serif SC"}.records-panel h3{margin-top:28px;font:700 14px "Noto Serif SC"}.snapshot-tags{display:flex;flex-wrap:wrap;gap:8px}.snapshot-tags span{border:1px solid #b9c4bb;padding:7px 9px;font-size:10px}.upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}.upload-set{display:grid;gap:14px;min-height:190px;padding:18px;border:1px solid #cbd2c9;background:#fff;box-shadow:5px 5px #e5e8de}.upload-set div{display:grid;gap:8px}.upload-set b{font:700 16px "Noto Serif SC",serif}.upload-set small{color:#62746a;font-size:10px}.upload-set input{font-size:10px}.upload-complete{margin:22px 0 0;padding:13px 15px;border-left:4px solid #d8ff76;background:#edf4df;font-size:12px}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.preview-grid figure{min-width:0;margin:0;padding:8px;background:#fff;border:1px solid #d3d9d1}.preview-grid img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;filter:saturate(.85) contrast(1.03)}.preview-grid figcaption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:9px;color:#62746a;font-size:10px}.records-panel textarea{display:block;width:100%;min-height:82px;margin-top:8px;border:1px solid #b9c4bb;background:#fff;padding:10px;resize:vertical;font:13px "Noto Serif SC",serif}@media(max-width:760px){.record-facts,.upload-grid,.preview-grid{grid-template-columns:1fr 1fr}.account{flex-wrap:wrap;justify-content:flex-end}.record-row{grid-template-columns:1fr auto}.record-row small{display:none}}