:root{--paper:#fbfaf7;--ink:#202624;--mid:#55605b;--gold:#b69a6c;--gold-dark:#876c43;--deep:#19201e;--border:#e9e6de}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{color:var(--gold-dark)}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c7a86c;outline-offset:3px}
.container{width:min(1040px,calc(100% - 40px));margin:0 auto}.skip{position:absolute;top:-99px;left:12px;z-index:99;background:white;padding:10px}.skip:focus{top:12px}
.site-header{position:sticky;top:0;z-index:10;background:rgba(251,250,247,.98);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.head-inner{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:inline-flex;gap:11px;align-items:center;white-space:nowrap;font-size:20px;font-weight:750;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;background:var(--deep);color:#d7bd93;width:39px;height:39px;border-radius:12px;font-family:Georgia,serif;font-size:23px;font-weight:400}.gold{color:var(--gold-dark)}.head-nav{display:flex;gap:28px;font-size:13px;font-weight:650;color:#57615c}.header-badge{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#8b704a;background:#f6f0e7;border:1px solid #e7dbc7;border-radius:30px;padding:9px 14px;font-weight:800;white-space:nowrap}
.hero{padding:52px 0 45px;border-bottom:1px solid var(--border);background:radial-gradient(ellipse 55% 90% at 85% 40%,rgba(229,215,190,.25),transparent),var(--paper)}.crumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:#59625d;margin-bottom:20px}.crumbs a{text-decoration:underline;text-decoration-color:var(--gold)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:800;color:var(--gold-dark)}h1{max-width:800px;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(40px,6vw,65px);line-height:1.1;letter-spacing:-2px;margin:16px 0 16px}h2,h3,p{margin-top:0}.lead{max-width:720px;font-size:17px;color:var(--mid);line-height:1.8}.feature-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.feature-pills span{display:inline-block;font-weight:650;font-size:12px;color:#456156;padding:8px 13px;border-radius:30px;border:1px solid #dbe3dc;background:#f4f8f2}
.tool-section{padding:42px 0 68px}.tool-box{background:white;border:1px solid var(--border);border-radius:25px;box-shadow:0 14px 36px rgba(28,34,30,.05);padding:34px;max-width:860px;margin:auto}.step{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.7px;color:var(--gold-dark);margin-bottom:12px}.tool-heading h2{font-size:25px;line-height:1.28;letter-spacing:-.4px;margin:0 0 10px}.tool-heading p{color:#5b6660;font-size:15px}.upload-zone{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:7px;min-height:155px;border-radius:17px;border:2px dashed #cabb9e;background:#fcfaf5;color:#57615a;padding:24px 16px;cursor:pointer;margin:22px 0}.upload-zone:hover{background:#f6efe4}.upload-zone strong{font-size:17px;color:#2c342e}.upload-zone span{font-size:13px}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.upload-zone:focus-within{outline:3px solid #c7a86c}.upload-icon{font-size:32px!important;color:#8f7653}.hint{font-size:12px;color:#67716c;line-height:1.7;margin:12px 0}.file-info{font-weight:650;color:#5f665f;font-size:14px}.file-list-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:27px 0 10px}.file-list-header small{color:#747d77}.pdf-list{list-style:none;padding:0;margin:0}.pdf-item{display:flex;align-items:center;gap:14px;border:1px solid #e8e6df;padding:11px 13px;border-radius:13px;margin-bottom:9px;min-width:0}.pdf-item .pdf-name{min-width:0;flex:1;overflow-wrap:anywhere;font-size:13px;font-weight:650}.pdf-size{font-size:11px;color:#78807b;font-weight:400}.pdf-actions{display:flex;gap:6px;flex-shrink:0}.tiny-button{min-height:36px;min-width:35px;border:1px solid #e1e0d8;border-radius:8px;background:#faf9f6;font-size:15px;color:#3d4943}.tiny-button:hover{background:#efe9dc}.control{display:flex;flex-direction:column;gap:7px;margin:20px 0}.control label{font-size:14px;font-weight:750}.control input[type=text]{height:50px;width:100%;background:white;border:1px solid #dcded6;border-radius:12px;padding:11px 13px;font-size:16px}.control input[type=range]{width:100%;accent-color:#806440;min-height:30px}.control small{color:#737d77;font-size:12px;line-height:1.6}.btn-stack{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.action-button,.secondary-button{border:1px solid var(--deep);border-radius:12px;padding:15px 19px;min-height:51px;font-size:14px;font-weight:750;line-height:1.3}.action-button{background:var(--deep);color:white}.secondary-button{background:white;color:var(--deep)}.action-button:hover:not(:disabled){background:#35443c}.secondary-button:hover:not(:disabled){background:#f0f3ef}.status{color:#41564b;font-size:14px;min-height:24px;font-weight:650;margin:15px 0}.status.error{color:#a12c27}.privacy-notice{background:#f5f1e9;border:1px solid #ece4d3;border-radius:12px;padding:12px 15px;font-size:12px;color:#4c564e;margin:16px 0 0}
.photo-editor{display:grid;grid-template-columns:minmax(210px,350px) minmax(250px,1fr);gap:30px;margin-top:20px}.preview-wrap{max-width:350px}.preview-wrap canvas{display:block;width:min(100%,270px);height:auto;aspect-ratio:3/4;border:1px solid #dfdfd4;box-shadow:0 6px 22px rgba(0,0,0,.05);border-radius:4px;object-fit:contain;background:#eeeee8}.preview-caption{font-size:12px;color:#68736c;margin:7px 0}.photo-controls{width:100%}.reset-button{background:transparent;border:1px solid #ddd5c9;padding:9px 13px;border-radius:10px;color:#62543d;font-size:13px;font-weight:650}
.reading{background:#f3f0e9;padding:62px 0}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:45px;align-items:start;margin-top:15px}.rich{max-width:740px}.rich h2{font-size:23px;line-height:1.35;margin:25px 0 12px}.rich h2:first-child{margin-top:0}.rich p,.rich li{color:#526059;font-size:15px;line-height:1.85}.rich ol{padding-left:22px}.rich li{padding-left:4px;margin-bottom:8px}.info-card{background:white;border:1px solid #e5dfd1;border-radius:17px;padding:25px;position:sticky;top:110px}.info-card h3{font-size:16px;margin-bottom:10px}.info-card p{font-size:13px;line-height:1.7;color:#5c665e}.related{padding:60px 0}.related h2{font-size:25px;margin:10px 0 25px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.related-card{display:flex;min-height:124px;flex-direction:column;justify-content:space-between;padding:20px;border-radius:16px;background:white;border:1px solid #e8e3dc}.related-card strong{font-size:16px}.related-card span{font-size:12px;color:#8b704a}.footer{background:var(--deep);color:#cdd6ce;padding:35px 0 25px}.footer-row{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-brand{font-size:22px;font-weight:750;color:white}.footer-row p{font-size:12px;color:#bac4b9;margin-top:15px}.footer nav{display:flex;flex-wrap:wrap;gap:16px 23px;align-self:start;font-size:13px}.footer-bottom{border-top:1px solid #374139;margin-top:27px;padding-top:20px;font-size:11px;color:#9ba9a0}.footer-bottom a{text-decoration:underline}
@media(max-width:720px){.container{width:calc(100% - 32px)}.head-inner{min-height:68px}.head-nav{display:none}.brand{font-size:18px}.brand-mark{width:35px;height:35px}.header-badge{font-size:9px;padding:8px 10px}.hero{padding:35px 0}.lead{font-size:15px}.tool-section{padding:25px 0 50px}.tool-box{padding:23px 19px;border-radius:20px}.tool-heading h2{font-size:21px}.btn-stack{flex-direction:column}.action-button,.secondary-button{width:100%}.photo-editor{grid-template-columns:1fr;gap:6px}.preview-wrap canvas{width:min(100%,240px)}.reading{padding:43px 0}.content-grid{grid-template-columns:1fr;gap:20px}.info-card{position:static}.related-grid{grid-template-columns:1fr 1fr}.related{padding:42px 0}}@media(max-width:400px){.related-grid{grid-template-columns:1fr}.pdf-item{flex-wrap:wrap}.pdf-actions{margin-left:auto}}