:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#111827;--ink-soft:#155e63;--coral:#2f7d74;--cream:#f5f2ec;--mint:#ebe7de;--text:#1f2933;--muted:#6f747b;--panel:#fffdf9;--line:#ddd7cd;--soft:#f6f4ef;--shadow:0 20px 42px #322d241a}*{box-sizing:border-box}body{color:var(--text);background:#f7f6f2;margin:0;font-family:Trebuchet MS,Segoe UI,Microsoft YaHei,sans-serif}button,input{font:inherit}.app-shell{min-height:100vh}.app{width:min(1180px,100vw - 32px);margin:0 auto;padding:48px 0 76px}.site-header{z-index:10;background:#f7f6f2f0;border-bottom:1px solid #e4dfd5;width:100%;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:18px;width:min(1180px,100vw - 32px);margin:0 auto;padding:18px 0;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-size:22px;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{width:28px;height:28px;image-rendering:pixelated;flex:0 0 28px}.site-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.nav-link,.footer-links a{color:#5f5b54;background:0 0;border:0;border-radius:8px;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.nav-link{min-height:38px;padding:0 13px}.nav-link.active,.nav-link:hover{color:var(--ink);background:#ebe6dc}.eyebrow{color:var(--coral);text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:950}.library-hero{margin-bottom:18px}h1{color:#202124;letter-spacing:0;margin:0;font-size:clamp(42px,6vw,68px);font-weight:900}.subtitle{color:var(--muted);margin:12px 0 0;font-size:20px;line-height:1.65}.home-hero{margin-bottom:36px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.tool-card,.feature-card{border:1px solid var(--line);background:var(--panel);min-height:238px;color:inherit;box-shadow:var(--shadow);border-radius:8px;align-content:start;padding:24px;text-decoration:none;display:grid}.tool-card{gap:18px}.tool-card:hover{border-color:#b8ad99;transform:translateY(-2px)}.tool-icon-wrap{background:#eaf2ef;border-radius:8px;width:58px;height:58px;overflow:hidden}.tool-icon-wrap img{object-fit:cover;width:100%;height:100%;display:block}.tool-copy h2,.feature-card h2{color:var(--ink);text-align:left;margin:0 0 10px;font-size:25px;font-weight:900}.tool-copy p,.feature-card p{color:var(--muted);margin:0;font-size:17px;line-height:1.7}.tool-action{color:#16635d;align-self:end;font-size:17px;font-weight:900}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px;display:grid}.feature-card{min-height:150px}.library-app h1{color:var(--ink);font-size:34px}.library-app .subtitle{font-size:15px}.library-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:22px;display:grid}.panel{background:var(--panel);border:3px solid var(--ink);box-shadow:var(--shadow)}.controls{gap:18px;padding:18px;display:grid;position:sticky;top:18px}.step-card{background:var(--panel);padding:18px}.step-card+.step-card{border-top:2px solid var(--line)}.step-label{color:var(--coral);text-align:center;text-transform:uppercase;letter-spacing:0;margin-bottom:8px;font-size:14px;font-weight:900}h2{color:var(--ink);text-align:center;letter-spacing:0;margin:0 0 16px;font-size:28px;font-weight:950}.library-dropzone,.result-frame{aspect-ratio:1;border:4px dashed var(--ink-soft);background:var(--cream);place-items:center;width:100%;display:grid;overflow:hidden}.library-dropzone{cursor:pointer;min-height:260px}.library-dropzone.dragging{background-color:var(--mint)}.library-dropzone strong{color:var(--ink);font-size:20px;font-weight:900}.library-dropzone img,.result-frame img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.file-input{display:none}.primary{background:var(--coral);color:#fffdf8;min-height:48px;box-shadow:5px 5px 0 var(--ink);letter-spacing:0;cursor:pointer;border:0;font-weight:950}.primary:disabled{opacity:.45;cursor:not-allowed}.wide{width:calc(100% - 8px);margin:14px 0 16px}.field+.field,.checkbox+.checkbox{margin-top:14px}.field-head{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:800;display:flex}.field-head strong{color:var(--text)}input[type=range]{width:100%;accent-color:var(--coral)}.checkbox{color:var(--ink);align-items:center;gap:10px;font-weight:900;display:flex}.checkbox input{width:22px;height:22px;accent-color:var(--coral)}.color-pick{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-weight:900;display:flex}.color-pick input{border:2px solid var(--line);cursor:pointer;background:#fff;width:54px;height:38px;padding:0}.compact{margin-top:10px}.library-workspace{padding:18px}.result-step{max-width:680px;margin:0 auto}.result-frame{max-width:420px;margin:0 auto 18px}.result-frame:not(.with-guide){border-style:solid;border-color:#d9e2f2}.result-frame span{color:var(--muted);font-weight:800}.size-strip{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px;display:grid}.size-card{color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:18px;font-weight:950}.size-card img{aspect-ratio:1;object-fit:contain;width:100%;image-rendering:pixelated;border:3px solid #0000;margin-bottom:8px;display:block}.size-card.active img{border-color:var(--coral)}.result-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.result-actions .primary{min-width:170px}.content-band,.faq-section{margin-top:26px;padding:24px 0 0}.content-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.content-grid article,.faq-list article,.info-card{background:var(--panel);border:3px solid var(--ink);box-shadow:var(--shadow);padding:20px}.content-grid h2,.faq-section h2,.faq-list h3,.info-card h1{text-align:left}.content-grid h2,.faq-list h3{color:var(--ink);margin:0 0 10px;font-size:22px;font-weight:950}.content-grid p,.faq-list p,.info-card p,.site-footer p{color:var(--muted);margin:0;line-height:1.7}.faq-section>h2{margin-top:0}.faq-list{gap:14px;display:grid}.guide-links{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.guide-links a{background:var(--panel);border:3px solid var(--ink);min-height:58px;color:var(--ink);box-shadow:var(--shadow);align-items:center;padding:14px 16px;font-weight:950;text-decoration:none;display:flex}.guide-links a:hover{background:var(--mint)}.info-page{min-height:54vh}.info-card{max-width:820px;margin:0 auto}.info-card h1{margin-bottom:18px}.info-card p+p{margin-top:14px}.mail-link{color:var(--ink);margin-top:18px;font-weight:950;display:inline-block}.site-footer{border-top:1px solid var(--line);width:min(1180px,100vw - 32px);color:var(--muted);background:0 0;justify-content:space-between;gap:24px;margin:0 auto;padding:28px 0 40px;display:flex}.site-footer strong{margin-bottom:6px;font-size:18px;display:block}.site-footer p{max-width:560px;color:var(--muted)}.footer-links{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:10px;display:flex}.footer-links a{color:#5f5b54;min-height:36px;padding:0 10px}@media (width<=980px){.library-layout{grid-template-columns:1fr}.controls{position:static}.content-grid,.tool-grid,.feature-grid,.guide-links{grid-template-columns:1fr}.site-header,.site-footer,.nav-wrap{flex-direction:column;align-items:flex-start}.site-nav,.footer-links{justify-content:flex-start}}@media (width<=620px){.app{width:min(100vw - 20px,1180px)}h1{font-size:28px}h2{font-size:24px}.size-strip{grid-template-columns:repeat(2,1fr)}.result-actions{display:grid}.site-header{position:static}.brand{font-size:20px}.nav-link{padding:0 9px}}