@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Serif+SC:wght@500;700;900&display=swap');
:root{--ink:#10221f;--paper:#f4f0e6;--card:#fffdf7;--orange:#f26538;--green:#c9e36b;--line:#b9b4a6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif SC",serif}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.45;background-image:linear-gradient(#d7d0c0 1px,transparent 1px),linear-gradient(90deg,#d7d0c0 1px,transparent 1px);background-size:32px 32px}main{max-width:1120px;margin:auto;padding:64px 28px 40px}header{max-width:800px}.eyebrow,.label{font-family:"DM Mono",monospace;letter-spacing:.08em;color:#50726b;font-size:12px}h1{font-size:clamp(48px,8vw,92px);line-height:1.04;margin:8px 0 22px;letter-spacing:-.07em}h1 em{font-style:normal;color:var(--orange)}.lede{font-size:18px;line-height:1.9;max-width:630px}.steps{display:flex;gap:13px;align-items:center;font-family:"DM Mono",monospace;font-size:12px;margin:32px 0 48px}.workbench{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);box-shadow:9px 9px 0 var(--ink)}article{background:var(--card);padding:30px}.generate{border-left:2px solid var(--ink);background:#e5f0c0}h2{font-size:28px;margin:5px 0 10px;letter-spacing:-.05em}article p{line-height:1.75}label{display:block;font-size:13px;margin-top:18px;font-family:"DM Mono",monospace}.drop{margin-top:22px;min-height:126px;border:2px dashed #6b7e77;padding:28px 18px;text-align:center;background:#f9f5ec;cursor:pointer}.drop input{display:none}.drop strong,.drop small{display:block}.drop small{margin-top:9px;color:#60706b}input,select{display:block;width:100%;padding:12px 10px;margin-top:7px;border:1px solid var(--ink);border-radius:0;background:#fff;font:14px "DM Mono",monospace;color:var(--ink)}button{margin-top:22px;padding:13px 17px;border:2px solid var(--ink);background:var(--orange);color:#fff;font:700 14px "DM Mono",monospace;cursor:pointer;box-shadow:4px 4px 0 var(--ink)}button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.generate button{background:var(--ink)}.status{font-size:13px;color:#43635b;min-height:24px}.shelf{margin-top:42px;background:var(--card);border-top:2px solid var(--ink);padding:28px;position:relative}.ghost{position:absolute;right:28px;top:28px;background:var(--green);color:var(--ink)}.papers{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:24px}.paper{background:#fff;border:1px solid var(--line);padding:16px}.paper strong{display:block}.paper small{display:block;color:#68736f;margin:9px 0}.paper a{font:12px "DM Mono",monospace;color:#c5401e;margin-right:12px}footer{font-size:12px;line-height:1.8;margin-top:42px;color:#5e6864;border-top:1px solid var(--line);padding-top:14px}@media(max-width:680px){main{padding:38px 16px}.workbench{grid-template-columns:1fr;box-shadow:5px 5px 0 var(--ink)}.generate{border-left:0;border-top:2px solid var(--ink)}.steps{flex-wrap:wrap}.ghost{position:static;margin-top:8px}.shelf{padding:22px}}