@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap";:root{color:#19211d;font-synthesis:none;--ink:#19211d;--muted:#68716b;--paper:#fffdf8;--green:#245c46;--lime:#d8f159;--line:#d8d6cb;background:#f4f1e9;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% 11%,#d8f1592e,#0000 25rem),#f4f1e9;min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button{color:inherit}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 clamp(22px,5vw,72px);display:flex}.brand{color:var(--ink);letter-spacing:-.5px;align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.mark{background:var(--green);color:#fff;border-radius:9px 9px 9px 2px;place-items:center;width:36px;height:36px;display:grid;position:relative;transform:rotate(-3deg)}.mark-package{stroke-width:1.7px}.mark-label{color:var(--lime);fill:var(--green);stroke-width:2.4px;position:absolute;top:12px;right:5px;transform:rotate(10deg)}.privacy{color:#526058;align-items:center;gap:7px;font-family:DM Mono,monospace;font-size:12px;display:flex}.workspace{width:min(780px,100% - 36px);margin:0 auto;padding:76px 0 90px}.intro{text-align:center;max-width:690px;margin:0 auto 42px}.eyebrow{color:var(--green);letter-spacing:.16em;align-items:center;gap:8px;margin:0 0 18px;font:500 11px/1 DM Mono,monospace;display:inline-flex}h1{letter-spacing:-.065em;margin:0;font-size:clamp(54px,9vw,86px);font-weight:600;line-height:.89}h1 em{color:var(--green);letter-spacing:-.045em;font-family:Playfair Display,serif;font-weight:600}.subhead{max-width:570px;color:var(--muted);margin:26px auto 0;font-size:16px;line-height:1.65}.panel{background:var(--paper);border:1px solid #dedbd0;border-radius:20px;padding:14px;box-shadow:0 22px 60px #1e282214}.format-row{justify-content:space-between;align-items:center;gap:24px;min-height:74px;padding:6px 10px 17px 16px;display:flex}.format-row>div:first-child,.section-title>div{align-items:center;gap:12px;display:flex}.format-row label,.section-title h2{margin:0;font-size:14px;font-weight:700}.step{color:#7b847e;border:1px solid #cfd2cc;border-radius:50%;place-items:center;width:27px;height:27px;font:500 10px/1 DM Mono,monospace;display:grid}.select-wrap{min-width:245px;position:relative}.select-wrap select{appearance:none;width:100%;color:var(--ink);cursor:pointer;background:#f7f6f0;border:1px solid #d5d7d0;border-radius:10px;padding:11px 38px 11px 13px;font-size:12px;font-weight:600}.select-wrap svg{pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.dropzone{cursor:pointer;background:#f8f8f3;border:1.5px dashed #afb7b0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:330px;transition:all .2s;display:flex}.dropzone:hover,.dropzone.dragging{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#f2f7e4;transform:translateY(-1px)}.upload-icon{background:var(--lime);width:62px;height:62px;color:var(--green);border-radius:18px;place-items:center;margin-bottom:20px;display:grid;transform:rotate(-2deg)}.drop-title{letter-spacing:-.02em;font-size:20px;font-weight:700}.drop-copy{color:var(--muted);margin-top:9px;font-size:13px}.drop-copy u{text-underline-offset:3px;color:var(--green);font-weight:700}.types{letter-spacing:.12em;color:#8e9690;margin-top:22px;font:500 9px/1 DM Mono,monospace}.message{text-align:center;color:var(--green);margin:12px 10px 0;font-size:12px}.message.error{color:#a23a2b}.flow{color:#777f79;letter-spacing:.1em;text-transform:uppercase;justify-content:center;align-items:center;gap:12px;height:46px;font:400 9px/1 DM Mono,monospace;display:flex}.flow i{background:#d2d5cf;width:30px;height:1px;position:relative}.flow i:after{content:"";border-top:2px solid #0000;border-bottom:2px solid #0000;border-left:4px solid #aeb4af;position:absolute;top:-2px;right:0}.recent{margin-top:64px}.section-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 4px 15px;display:flex}.section-title>span{color:#7f8782;text-transform:uppercase;letter-spacing:.08em;font:400 9px/1 DM Mono,monospace}.empty{color:#7e8781;border-bottom:1px solid var(--line);justify-content:center;align-items:center;gap:12px;min-height:112px;display:flex}.empty p{margin:0;font-size:13px}.history-list{display:grid}.history-item{border-bottom:1px solid var(--line);grid-template-columns:54px 1fr auto;align-items:center;gap:15px;min-height:88px;padding:12px 4px;display:grid}.thumb{background:#fff;border:1px solid #d7d8d2;width:48px;height:62px;padding:3px;box-shadow:0 3px 9px #0000000d}.thumb img{object-fit:contain;filter:grayscale();width:100%;height:100%}.file-meta{flex-direction:column;gap:5px;min-width:0;display:flex}.file-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.file-meta span{color:#7d857f;font:400 10px/1 DM Mono,monospace}.print-button{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;font-weight:700;transition:all .16s;display:flex}.print-button:hover{background:var(--green);color:#fff;border-color:var(--green)}.history-actions{align-items:center;gap:8px;display:flex}.delete-button{color:#68716b;cursor:pointer;background:0 0;border:1px solid #c7cbc5;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:all .16s;display:grid}.delete-button:hover{color:#fff;background:#19211d;border-color:#19211d}.delete-button:focus-visible,.print-button:focus-visible{outline-offset:2px;outline:3px solid #245c4640}footer{border-top:1px solid var(--line);color:#868d88;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;min-height:70px;padding:0 clamp(22px,5vw,72px);font:400 9px/1 DM Mono,monospace;display:flex}@media (width<=600px){.topbar{height:64px}.privacy{font-size:0}.privacy svg{width:17px;height:17px}.workspace{padding-top:52px}.intro{margin-bottom:32px}h1{font-size:57px}.subhead{font-size:14px}.format-row{flex-direction:column;align-items:stretch;gap:14px;padding:12px 6px 18px}.select-wrap{width:100%}.dropzone{min-height:278px}.flow{gap:8px}.flow i{width:18px}.section-title>span{display:none}.history-item{grid-template-columns:48px 1fr auto;gap:10px}.print-button{padding:9px}.print-button svg{margin:0}.print-button{font-size:0}.history-actions{gap:6px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}