:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18233c;background:#f3f6fc;font-size:16px;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:auto;padding:26px 22px calc(28px + env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.brand{font-size:14px;letter-spacing:2px;font-weight:750}.badge{font-size:13px;color:#225a49;background:#e1f3e9;padding:7px 12px;border-radius:30px}.eyebrow{font-size:14px;color:#1f55ee}h1{font-size:46px;letter-spacing:-2px;line-height:1.16;margin:16px 0 20px}h1 span{display:block;color:#66728a}p{line-height:1.7;color:#59667d}.intro{margin-bottom:28px}.card{background:white;border:1px solid #dfe6f1;border-radius:22px;padding:24px;margin-bottom:18px;box-shadow:0 10px 35px #19356006}.step{display:flex;align-items:center;gap:12px;margin-bottom:22px}.step>span{font:600 14px ui-monospace,monospace;color:#1f55ee;background:#edf2ff;padding:8px;border-radius:9px}h2{font-size:19px;margin:0}.picker{display:flex;position:relative;flex-direction:column;align-items:center;gap:9px;padding:28px 12px;border:1.5px dashed #a8bbed;background:#f7f9ff;border-radius:14px;color:#1f55ee;text-align:center;cursor:pointer}.picker span{font-size:14px;color:#65738d}.picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.picker:focus-within{outline:3px solid #799bff;outline-offset:3px}button{font:600 16px inherit;font-family:inherit;font-size:16px;font-weight:600;border:0;border-radius:12px;background:#1f55ee;color:white;width:100%;padding:16px;cursor:pointer;min-height:50px}button:disabled{opacity:.5;cursor:wait}.secondary{background:#edf2fc;color:#284773;margin-top:12px}.filename{word-break:break-all;font-size:14px;color:#18233c}.size{font-size:40px;font-weight:700;letter-spacing:-1px}#entry{overflow-wrap:anywhere}#status,#save-note{font-size:14px}progress{width:100%;accent-color:#1f55ee;height:8px}details{border-top:1px solid #e5eaf3;padding-top:18px;margin-top:20px;font-size:14px}summary{cursor:pointer;color:#526179}pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:13px}footer p{font-size:13px;text-align:center;margin:6px 0}[hidden]{display:none!important}@media(max-width:420px){main{padding:22px 16px}header{margin-bottom:32px}h1{font-size:40px}.card{padding:20px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}button:hover{background:#1645ce}.secondary:hover{background:#dde7fa}}