:root{--ink:#172b30;--muted:#657878;--teal:#087e77;--line:#dce4e2;--bg:#f2f5f3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Arial,Helvetica,sans-serif}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:20px}.brand b{font-weight:400;color:var(--teal)}.brand small{display:block;font-size:9px;letter-spacing:2.5px;margin-top:2px}.logo{font-size:30px;font-weight:800;background:var(--ink);color:#fff;border-radius:11px;padding:0 11px}.logo span{color:#9ee4bd}.privacy{color:var(--muted);font-size:12px}.privacy i{display:inline-block;background:#1da386;width:7px;height:7px;border-radius:100%;margin-right:7px}main{max-width:1480px;margin:auto;padding:36px 5% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--teal);margin:0 0 8px}h1{font-size:38px;letter-spacing:-1.5px;line-height:1.15;margin:12px 0}h1 span{color:var(--teal)}.intro p:not(.eyebrow){color:var(--muted)}.steps{display:flex;gap:18px;color:var(--muted);font-size:12px}.steps b{display:block;font-size:24px;color:#a6bdb7;letter-spacing:-1px}.workspace{display:grid;grid-template-columns:305px minmax(0,1fr);gap:22px;align-items:start}.card{border:1px solid var(--line);background:white;border-radius:14px;padding:21px;margin-bottom:18px;box-shadow:0 3px 9px #183d2c03}h2{font-size:16px;margin:0 0 18px;display:flex;align-items:center;gap:10px}h2>span{border-radius:6px;background:#e8f4ef;padding:3px 6px;font-size:11px;color:var(--teal)}label{display:block;font-size:12px;font-weight:600;margin:14px 0 10px}input,select,button{font:inherit}input:not([type=checkbox]),select{display:block;border:1px solid #cfdad6;border-radius:7px;padding:10px;width:100%;margin-top:6px;background:#fff;color:var(--ink);min-width:0}input[type=color]{padding:4px;height:40px}input:focus,select:focus,button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}button{border:1px solid #cfdad6;background:white;color:var(--ink);padding:10px 13px;border-radius:7px;cursor:pointer;font-weight:600;font-size:12px}button:hover:not(:disabled){background:#eaf5f0;border-color:var(--teal)}button:disabled{opacity:.45;cursor:not-allowed}aside button{width:100%}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint,.muted{color:var(--muted);font-size:11px;line-height:1.6}.upload{position:relative;border:1.5px dashed #9fbfb4;background:#f4faf7;border-radius:9px;text-align:center;padding:24px 8px;cursor:pointer}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0!important}.upload strong{display:block;color:var(--teal);font-size:14px}.upload small{display:block;font-weight:400;font-size:10px;margin-top:8px;color:var(--muted)}.upload.drag{background:#d4eee1}.editor{padding:0;overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid var(--line)}.toolbar strong{font-size:13px}.nav{display:flex;gap:7px;align-items:center}.nav button{padding:7px 11px}.nav select{margin:0;padding:7px;width:80px}.edit-tools{padding:12px 22px 0;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.check{display:flex;align-items:center;gap:5px;margin:0 0 0 auto;font-size:11px;font-weight:400}.instructions{margin:10px 22px}#viewer{background:#e7ece9;background-image:radial-gradient(#bac9c5 1px,transparent 1px);background-size:16px 16px;overflow:auto;max-height:740px;min-height:440px;padding:24px;text-align:center}#stage{position:relative;margin:0 auto;box-shadow:0 3px 20px #223d3222;text-align:left;touch-action:none}#stage canvas{position:absolute;left:0;top:0;display:block}#overlay{cursor:crosshair}#empty{padding:80px 10px;color:var(--muted)}#empty h3{color:var(--ink);font-size:17px}#empty p{font-size:12px}.paper-icon{border:1px solid #bdcfca;border-radius:9px;background:white;width:95px;height:115px;margin:0 auto 25px;padding:25px 0;font-size:19px;font-weight:700;position:relative;color:#92aaa2;box-shadow:6px 6px #d8e1dc}.paper-icon span{position:absolute;background:#097e76;color:#fff;padding:5px 12px;font-size:13px;border-radius:5px;bottom:14px;right:-18px}#status{padding:12px 22px;font-size:11px;color:var(--teal);border-top:1px solid var(--line)}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h2{margin-bottom:14px}.badge{font-size:10px;background:#eaf4ef;color:var(--teal);border-radius:20px;padding:5px 10px}.table-wrap{max-height:310px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{background:#f4f7f5;color:var(--muted);font-size:10px;font-weight:500;padding:10px}td{border-bottom:1px solid #eef2ef;padding:11px 10px}td button{padding:3px 7px}tr.selected{background:#eef8f2}#warning{background:#fff2dc;color:#8d4c0d;font-size:12px;border-radius:7px;padding:12px;margin-bottom:12px}.export{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.export p{font-size:11px;color:var(--muted)}.export small{color:#879993}.primary{background:var(--teal);color:white;border-color:var(--teal);padding:13px 20px}.primary:hover:not(:disabled){background:#08635e;color:white}.active{background:#d7eee3!important;border-color:var(--teal)!important}footer{display:flex;gap:18px;align-items:center;padding:25px 0 30px;font-size:11px;color:var(--muted)}footer span{flex:1}footer a{color:var(--teal)}[hidden]{display:none!important}@media(max-width:950px){main{padding:25px 3%}.workspace{grid-template-columns:260px minmax(0,1fr)}.steps{display:none}h1{font-size:32px}.card{padding:16px}.editor{padding:0}.toolbar{padding:15px}.export{flex-direction:column;align-items:stretch}.nav{gap:4px}}@media(max-width:680px){header{padding:0 5%;height:75px}.privacy{font-size:0}.privacy i{width:9px;height:9px}.workspace{display:block}.intro{margin-bottom:20px}h1{font-size:31px}aside{display:grid;grid-template-columns:1fr}.intro p:not(.eyebrow){font-size:12px}.toolbar{gap:8px}.toolbar .eyebrow{font-size:8px}#viewer{max-height:600px;padding:12px}.check{margin-left:0}footer{flex-wrap:wrap}footer span{flex-basis:100%}.export{align-items:stretch}}

#downloadLink{border-radius:7px;text-decoration:none;font-weight:600;white-space:nowrap;text-align:center;font-size:12px}.export{flex-wrap:wrap}