:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18201d;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#edf3ef;min-width:320px;min-height:100vh;margin:0}body:before{content:"";z-index:50;background:#4b352d;height:6px;position:fixed;inset:0 0 auto}button,input{font:inherit}button{border:0}.app-shell{width:calc(100% - 32px);margin:0 16px;padding:0 0 48px}.sticky-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#edf3effa,#edf3eff0);margin-bottom:12px;padding:18px 0 12px;position:sticky;top:0}.topbar{margin-bottom:12px;display:block}.brand-lockup{color:#17211d;letter-spacing:0;align-items:center;gap:10px;min-height:32px;margin-bottom:10px;font-size:.95rem;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#0d8f83;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}h1,h2,p{margin:0}h1{letter-spacing:0;max-width:760px;font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.04}.site-nav{flex-wrap:wrap;align-items:center;gap:12px;margin-left:18px;display:inline-flex}.site-nav a,.site-footer a{color:#34453f;font-size:.9rem;font-weight:750;text-decoration:none}.site-nav a:hover,.site-footer a:hover,.guide-link:hover strong{color:#1f6353}h2{letter-spacing:0;font-size:1.05rem;line-height:1.2}.trust-strip{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:none}.trust-strip span,.status-line,.inline-warning{color:#2f453e;background:#e8f1ec;border:1px solid #cfe1d8;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:.88rem;font-weight:650;display:inline-flex}.tool-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:8px;margin-bottom:0;display:grid;overflow:visible}.tool-button,.icon-button,.primary-action,.secondary-action,.upload-label{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;transition:transform .16s,border-color .16s,background-color .16s,color .16s;display:inline-flex}.tool-button{color:#25312d;background:#fff;border:1px solid #d6dfda;min-height:46px;padding:10px 14px;font-size:1rem;font-weight:800;position:relative;box-shadow:0 1px #18201d0a}.tool-button:after{content:attr(data-tooltip);color:#fff;text-align:left;white-space:normal;opacity:0;pointer-events:none;z-index:30;background:#17211d;border-radius:8px;width:min(260px,80vw);padding:9px 10px;font-size:.78rem;font-weight:650;line-height:1.35;transition:opacity .14s;position:absolute;bottom:-8px;left:50%;transform:translate(-50%,100%);box-shadow:0 14px 34px #18201d38}.tool-button:hover:after,.tool-button:focus-visible:after{opacity:1}.tool-button.active{color:#fff;background:#1f6353;border-color:#1f6353}.tool-button:focus-visible,.icon-button:focus-visible,.primary-action:focus-visible,.secondary-action:focus-visible,.upload-label:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #e2b84c}.workspace{grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);align-items:start;gap:18px;display:grid}.dropzone,.work-panel,.preview-strip,.download-history{background:#fff;border:1px solid #dce3de;border-radius:8px;box-shadow:0 10px 28px #18201d0f}.dropzone{text-align:center;border-style:dashed;align-content:center;place-items:center;gap:14px;min-height:320px;padding:24px;display:grid}.dropzone.dragging{background:#eef7f2;border-color:#1f6353}.dropzone input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.dropzone p{color:#52615c;max-width:300px;font-size:.94rem;line-height:1.5}.upload-label,.primary-action{color:#fff;background:#1f6353;min-height:48px;padding:0 18px;font-weight:800}.work-panel,.preview-strip,.download-history{padding:18px}.panel-head,.preview-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-head p,.preview-head span{color:#68766f;margin-top:3px;font-size:.88rem}.icon-button{color:#31413b;background:#edf1ee;border:1px solid #dce3de;width:36px;height:36px}.icon-button:disabled,.primary-action:disabled{opacity:.45;cursor:not-allowed}.notice{color:#6c321d;background:#fff0e8;border:1px solid #f3cdbb;border-radius:8px;gap:10px;margin-bottom:12px;padding:12px;display:flex}.notice ul{margin:0;padding-left:18px}.empty-state{color:#68766f;background:#f7f9f6;border:1px dashed #d8e1dc;border-radius:8px;align-content:center;place-items:center;gap:10px;min-height:150px;display:grid}.file-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.file-row{background:#f9fbfa;border:1px solid #e3e9e5;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:10px;display:flex}.file-row.error{background:#fff4ef;border-color:#f3cdbb}.file-main{align-items:center;gap:10px;min-width:0;display:flex}.file-main>div{min-width:0}.file-main strong,.file-main span,.file-main em{text-overflow:ellipsis;white-space:nowrap;max-width:min(52vw,430px);display:block;overflow:hidden}.file-main strong{font-size:.94rem}.file-main span,.file-main em{color:#68766f;font-size:.82rem;font-style:normal}.file-main em{color:#9b4424}.row-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.range-control{gap:8px;margin-top:14px;display:grid}.range-control label{color:#34453f;font-size:.9rem;font-weight:750}.range-control input{color:#17211d;background:#fff;border:1px solid #cfd8d3;border-radius:8px;width:100%;min-height:44px;padding:0 12px}.range-control p{color:#68766f;font-size:.84rem;line-height:1.4}.inline-warning,.status-line{justify-content:flex-start;width:100%;margin-top:14px;line-height:1.35}.inline-warning{color:#6c321d;background:#fff0e8;border-color:#f3cdbb}.primary-action{width:100%;margin-top:14px}.action-hint{color:#68766f;margin-top:8px;font-size:.84rem;line-height:1.4}.secondary-action{color:#1f6353;background:#e8f1ec;border:1px solid #cfe1d8;min-height:36px;padding:0 12px;font-weight:750}.preview-strip,.download-history,.guide-index{margin-top:18px}.ad-slot{color:#68766f;background:#f9fbfa;border:1px dashed #cfd8d3;border-radius:8px;place-items:center;min-height:90px;margin:18px 0;font-size:.82rem;display:grid}.content-page,.guide-index{background:#fff;border:1px solid #dce3de;border-radius:8px;max-width:920px;padding:18px;box-shadow:0 10px 28px #18201d0f}.workflow-notes{color:#34453f;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.workflow-notes div{background:#ffffff9e;border:1px solid #dce3de;border-radius:8px;min-height:82px;padding:14px}.workflow-notes strong,.workflow-notes span{display:block}.workflow-notes strong{color:#17211d;margin-bottom:6px;font-size:.92rem}.workflow-notes span{color:#52615c;font-size:.86rem;line-height:1.42}.content-eyebrow{color:#1f6353;margin-bottom:8px;font-size:.82rem;font-weight:900}.content-description{color:#52615c;max-width:760px;font-size:1rem;line-height:1.55}.content-section{margin-top:22px}.content-section h2{margin-bottom:8px}.content-section p{color:#34453f;max-width:780px;line-height:1.65}.guide-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.guide-link{color:#34453f;background:#f9fbfa;border:1px solid #e3e9e5;border-radius:8px;gap:8px;min-height:120px;padding:14px;text-decoration:none;display:grid}.guide-link span{color:#68766f;font-size:.9rem;line-height:1.45}.site-footer{color:#68766f;flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;padding:18px 0 0;font-size:.9rem;display:flex}.site-footer>span:first-child{color:#17211d;font-weight:900}.thumb-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;display:grid}.thumb{background:#f7f9f6;border:1px solid #e3e9e5;border-radius:8px;margin:0;padding:8px}.thumb img{aspect-ratio:3/4;object-fit:contain;background:#fff;border:1px solid #e2e7e4;width:100%;display:block}.thumb figcaption{color:#52615c;text-align:center;margin-top:6px;font-size:.78rem;font-weight:800}.option-block{gap:8px;margin-top:14px;display:grid}.option-label{color:#34453f;font-size:.9rem;font-weight:750}.option-block input[type=text],.option-block input[type=number]{color:#17211d;background:#fff;border:1px solid #cfd8d3;border-radius:8px;width:100%;min-height:44px;padding:0 12px}.option-block input[type=number]{max-width:140px}.option-block input[type=range]{accent-color:#1f6353;width:100%;max-width:320px}.option-block p{color:#68766f;font-size:.84rem;line-height:1.4}.segmented{border:1px solid #cfd8d3;border-radius:8px;flex-wrap:wrap;gap:0;width:fit-content;display:inline-flex;overflow:hidden}.segmented button{color:#34453f;cursor:pointer;background:#fff;border:0;border-right:1px solid #e3e9e5;min-height:40px;padding:0 14px;font-size:.88rem;font-weight:750}.segmented button:last-child{border-right:0}.segmented button.active{color:#fff;background:#1f6353}.spin{animation:.9s linear infinite pdfkit-spin}@keyframes pdfkit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.thumb-select{cursor:pointer;text-align:center;background:#f7f9f6;border:1px solid #e3e9e5;border-radius:8px;width:100%;padding:8px;display:block}.thumb-select span{color:#52615c;margin-top:6px;font-size:.78rem;font-weight:800;display:block}.thumb-select.selected{background:#eef7f2;border-color:#1f6353;box-shadow:inset 0 0 0 1px #1f6353}.thumb-select.selected span{color:#1f6353}.organize-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.organize-card{cursor:grab}.organize-card:active{cursor:grabbing}.organize-card img{transition:transform .16s}.thumb-placeholder{aspect-ratio:3/4;color:#68766f;background:#fff;border:1px solid #e2e7e4;place-items:center;width:100%;font-size:1.1rem;font-weight:800;display:grid}.thumb-actions{justify-content:center;gap:4px;margin-top:8px;display:flex}.thumb-actions .icon-button{width:26px;height:26px}.tool-faq{background:#fff;border:1px solid #dce3de;border-radius:8px;max-width:920px;margin-top:18px;padding:18px;box-shadow:0 10px 28px #18201d0f}.faq-list{gap:14px;margin-top:14px;display:grid}.faq-entry strong{color:#17211d;margin-bottom:4px;font-size:.95rem;display:block}.faq-entry p{color:#34453f;max-width:780px;font-size:.92rem;line-height:1.6}@media (hover:hover){.tool-button:hover,.icon-button:hover,.primary-action:hover:not(:disabled),.secondary-action:hover,.upload-label:hover{transform:translateY(-1px)}}@media (width<=860px){.app-shell{width:calc(100% - 24px);margin:0 12px}.sticky-header{padding-top:14px;position:static}.tool-button{min-height:40px;padding:8px 10px;font-size:.9rem}.topbar,.workspace{grid-template-columns:1fr}.topbar{display:block}.site-nav{margin:4px 0 10px;display:flex}.trust-strip{justify-content:flex-start}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-notes{grid-template-columns:1fr}.dropzone{min-height:220px}.file-row{align-items:flex-start}.file-main strong,.file-main span,.file-main em{max-width:48vw}}@media (width<=520px){.app-shell{width:calc(100% - 18px)}h1{font-size:1.6rem}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.file-row{display:grid}.file-main strong,.file-main span,.file-main em{max-width:72vw}.row-actions{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}