:root{font-family:Arial,Helvetica,sans-serif;color:#292d27;background:#f7f5ef;font-size:18px;line-height:1.5;--accent:#a43c24;--ink:#292d27;--muted:#62665d;--line:#dcded3;--green:#355b3e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary,input,select{touch-action:manipulation}button,a,summary{cursor:pointer}button:disabled{cursor:default;opacity:.55}button{min-height:52px}a{color:var(--accent)}:focus-visible{outline:3px solid #1c668b;outline-offset:4px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:15px;padding:15px;background:white;z-index:5}.skip:focus{top:12px}.topbar{max-width:1280px;margin:auto;padding:26px 50px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:1.5rem;font-weight:750;text-decoration:none;letter-spacing:-1.1px;color:var(--ink);display:flex;align-items:center;gap:10px}.brand-dot{color:var(--accent);margin-left:-10px}.brand-icon{display:inline-grid;place-items:center;width:36px;height:40px;border:2px solid var(--accent);border-radius:6px;color:var(--accent);font-size:1.6rem;transform:rotate(-7deg)}.header-note{font-size:.83rem;color:var(--muted)}.header-note span{color:var(--accent);margin-right:7px}main{max-width:1180px;margin:0 auto;padding:0 32px}.intro{position:relative;text-align:center;padding:52px 0 35px}.eyebrow{letter-spacing:2px;font-size:.72rem;font-weight:700;color:var(--accent);margin:0 0 14px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:3.6rem;line-height:1.04;letter-spacing:-2.6px;margin:0 0 20px}h1 span{color:var(--accent)}.lead{font-size:1.06rem;color:var(--muted);line-height:1.6;margin:0 0 23px}.trust{font-size:.8rem;color:#4d5849;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.trust>span:first-child{color:var(--green)}.dot{color:#898d80}.workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:25px;align-items:start}.panel{background:#fffefb;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 3px 4px #282b1b03}.section-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:26px}.step{background:#f0ece1;color:#686345;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.85rem;flex-shrink:0;margin-top:2px}h2{font-size:1.12rem;letter-spacing:-.3px;margin:0 0 4px}.section-heading p{font-size:.87rem;color:var(--muted);margin:0}.dropzone{border:2px dashed #c9cbbd;background:#f8f8f2;border-radius:12px;text-align:center;padding:35px 15px 25px}.dropzone.dragging{border-color:var(--accent);background:#f9ece4}.upload-art{position:relative;width:114px;height:105px;margin:0 auto 20px}.paper{position:absolute;width:68px;height:83px;background:#fffdfa;border:1px solid #cccfbe;border-radius:5px;top:8px;left:24px;box-shadow:0 4px 9px #2034190b}.paper.back{transform:rotate(-15deg);left:12px;top:2px;background:#e9edde}.paper.front{transform:rotate(10deg);display:grid;place-items:center}.paper svg{width:50px;color:#718263}.plus{position:absolute;right:0;bottom:0;width:34px;height:34px;border-radius:50%;background:var(--accent);color:white;font-size:1.5rem;line-height:31px;border:3px solid #f8f8f2}.dropzone h3{font-size:1.06rem;margin:0 0 7px}.dropzone p{font-size:.87rem;color:var(--muted);margin:0 0 21px}.primary{background:var(--accent);color:white;border:1px solid var(--accent);border-radius:8px;padding:13px 24px;font-size:.96rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none}.primary:hover:enabled{background:#84301c}.secondary{background:#fffefb;border:1px solid #babfaf;border-radius:7px;color:var(--ink);padding:10px 14px;font-size:.86rem}.secondary:hover:enabled{background:#eeefe5}.dropzone .file-help{font-size:.75rem;line-height:1.8;margin:19px 0 8px}.desktop-hint{font-size:.72rem;color:var(--muted)}.privacy-note{display:flex;gap:12px;align-items:flex-start;margin-top:23px}.privacy-note svg{width:23px;min-width:23px;margin-top:4px;color:var(--green)}.privacy-note p{font-size:.77rem;line-height:1.7;color:var(--muted);margin:0}.privacy-note strong{display:block;color:#46543f;font-weight:700}.mode-field{border:0;padding:0;margin:0 0 23px;min-width:0}.mode-field legend{font-weight:600;font-size:.83rem;padding:0;margin-bottom:11px}.mode{display:flex;gap:12px;align-items:center;border:1px solid #cbd0c3;border-radius:9px;padding:15px;cursor:pointer;min-height:84px;margin-bottom:10px}.mode.selected{border:2px solid var(--accent);padding:14px;background:#fcf3ee}.mode input{accent-color:var(--accent);width:21px;height:21px;flex-shrink:0;margin:0}.mode-icon{font-size:1.55rem;line-height:1;color:#827c6e}.mode strong{font-size:.95rem;display:block}.mode small{font-size:.77rem;color:var(--muted);display:block;margin-top:2px}.field-label{display:block;font-size:.84rem;font-weight:600;margin:0 0 8px}.filename-wrap{display:flex;align-items:center;border:1px solid #b5bbad;border-radius:7px;background:white;overflow:hidden}.filename-wrap:focus-within{outline:3px solid #1c668b;outline-offset:2px}.filename-wrap input{width:100%;min-width:0;padding:13px;border:0;background:transparent;outline:none;font-size:1rem;color:var(--ink)}.filename-wrap span{padding-right:13px;color:var(--muted);font-size:.85rem}.settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px;padding:15px 0}.settings summary{font-size:.84rem;min-height:32px;align-content:center}.settings summary span{font-size:.75rem;color:var(--muted);float:right}.settings .field-label{margin-top:17px}select{width:100%;border:1px solid #b5bbad;background:white;border-radius:6px;min-height:52px;padding:10px;font-size:.9rem;color:var(--ink)}.settings p{font-size:.78rem;color:var(--muted)}.export-box{padding-top:20px}.export-box>p:first-child{font-size:.83rem;color:var(--muted);margin:0 0 12px}.export{display:flex;width:100%;justify-content:space-between;min-height:56px}.export-hint{font-size:.74rem;text-align:center;color:var(--muted);margin:11px 0 0}.how{display:grid;grid-template-columns:repeat(3,1fr);margin:46px 0;padding:29px 14px;border-top:1px solid var(--line);gap:25px}.how>div{padding-left:23px;border-left:1px solid var(--line)}.mini-number{color:var(--accent);font-family:Georgia,serif;font-size:.9rem}.how h3{font-size:.9rem;margin:7px 0 4px}.how p{font-size:.8rem;color:var(--muted);margin:0}footer{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:0 0 28px;color:var(--muted)}.footer-brand{font-size:1rem}footer p{font-size:.73rem;flex:1;margin:0}footer>span:last-child{font-size:.73rem}.photo-toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center}.photo-toolbar p{font-weight:700;font-size:.9rem}.list-help{font-size:.8rem;color:var(--muted);margin:8px 0 18px}.photo-list{display:grid;gap:16px}.photo-card{border:1px solid var(--line);border-radius:10px;padding:13px;background:#fafaf5;min-width:0}.photo-main{display:flex;align-items:center;gap:14px;min-width:0}.thumbnail{width:96px;height:110px;flex-shrink:0;background:#eeeee5;border:1px solid #d8dbce;border-radius:6px;padding:5px;position:relative}.thumbnail img{width:100%;height:100%;object-fit:contain}.preview-label{position:absolute;bottom:0;left:0;right:0;background:#292d27e8;color:white;font-size:.66rem;padding:3px;border-radius:0 0 5px 5px}.photo-info{min-width:0;flex:1}.photo-info strong{display:block;font-size:.88rem;overflow-wrap:anywhere}.photo-info p{font-size:.75rem;color:var(--muted);margin:5px 0}.photo-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.photo-actions button{font-size:.74rem;min-height:48px;flex:1;padding:8px;white-space:nowrap}.photo-name{margin-top:14px}.photo-name .field-label{font-size:.8rem}.callout{background:#f0f3e9;border-radius:7px;font-size:.85rem;color:#425238;padding:14px}.status{font-size:.85rem;overflow-wrap:anywhere;margin:12px 0 0}.status:empty{display:none}.status.error{color:#98291c;background:#fff0ec;padding:12px;border-radius:6px}.results{border:1px solid #bbccad;border-radius:10px;background:#f1f6eb;padding:20px;margin-top:22px}.success-mark{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;background:#d9e8cb;color:#355b3e}.results h3{font-size:1.1rem;margin:10px 0 5px}.results p{font-size:.83rem;margin:5px 0 15px}.download-link{display:block;background:white;border:1px solid #9faf92;border-radius:7px;padding:13px;margin:10px 0;color:#2c4b30;font-size:.87rem;font-weight:700;overflow-wrap:anywhere;text-decoration:underline;min-height:52px}.results .download-help{font-size:.77rem;color:#46543f;margin-bottom:0}dialog{max-width:850px;width:calc(100% - 28px);max-height:90dvh;border:1px solid var(--line);border-radius:14px;padding:22px;background:#fffefb;overflow:auto}dialog::backdrop{background:#20251fbb}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}dialog img{max-width:100%;max-height:65dvh;object-fit:contain;display:block;margin:auto}dialog p{font-size:.9rem;overflow-wrap:anywhere}body.modal-open{overflow:hidden}@media(min-width:1000px){.options-panel{position:sticky;top:20px}}@media(max-width:760px){.topbar{padding:21px 22px}.header-note{display:none}main{padding:0 18px}.intro{padding:34px 0 29px}h1{font-size:2.7rem;letter-spacing:-1.4px}.lead{font-size:1rem}.trust{font-size:.77rem;gap:7px;max-width:340px;margin:auto}.workspace{grid-template-columns:1fr;gap:20px}.panel{padding:23px 19px}.section-heading{margin-bottom:22px}.dropzone{padding:27px 12px 23px}.dropzone .primary{min-width:210px;min-height:56px}.desktop-hint{display:none}.how{grid-template-columns:1fr;gap:23px;margin:30px 0 22px;padding:24px 0 4px}.how>div{position:relative;padding-left:46px;border:none}.mini-number{position:absolute;left:3px;top:6px}.how h3{margin-top:0;font-size:1rem}.how p{font-size:.87rem}.photo-actions button{font-size:.8rem}footer{gap:10px;padding-top:20px}footer p{flex-basis:100%;font-size:.8rem}footer>span:last-child{font-size:.77rem}.field-label,.section-heading p,.mode small,.list-help{font-size:.9rem}.privacy-note p,.export-hint,.file-help{font-size:.82rem}.mode strong{font-size:1.05rem}.mode{min-height:91px}h2{font-size:1.2rem}.settings summary{font-size:.95rem;min-height:48px}.photo-card{padding:12px}.photo-main{gap:12px}.thumbnail{width:90px;height:112px}.dialog-head{align-items:flex-start;flex-wrap:wrap}.dialog-head .secondary{margin-left:auto}.dialog-head h2{font-size:1rem;padding-top:12px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s}}@media(max-width:350px){.photo-actions{flex-direction:column}.trust .dot{display:none}.trust{gap:6px 14px}.mode-icon{display:none}}
@media(max-width:760px){.intro{padding:27px 0 25px}.lead{font-size:.95rem;margin-bottom:16px}.dropzone .upload-art{height:80px;margin-bottom:17px;transform:scale(.85);transform-origin:top center}.dropzone h3,.dropzone>p:not(.file-help){display:none}.dropzone{padding-top:22px}.topbar{padding-top:18px;padding-bottom:18px}}
.name-list .photo-name{border:1px solid var(--line);border-radius:9px;padding:15px;background:#fafaf5;margin-top:14px}.name-list .thumbnail{display:block;width:100%;height:155px;margin-bottom:13px}.name-list .preview-label{font-size:.77rem}.name-list .field-label{font-size:.9rem}@media(max-width:760px){.intro{padding:22px 0}.intro h1{font-size:2.5rem;margin-bottom:14px}.lead{line-height:1.45}}@media(max-width:350px){.intro .lead{display:none}}
@media(max-width:350px){.topbar .brand{font-size:1.1rem}}