:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#123532;--ink-soft:#2f6c62;--coral:#ff6f61;--cream:#f8f5ed;--mint:#d9efe7;--text:#182421;--muted:#64746f;--panel:#fffdf8;--line:#d8e4dd;--soft:#f2f7f3;--shadow:0 18px 44px #1235321a}*{box-sizing:border-box}body{color:var(--text);background:linear-gradient(#fbfaf5 0%,#eef6f0 100%);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:24px 0 40px}.site-header{z-index:10;border-bottom:3px solid var(--ink);background:#fffdf8f5;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:14px max(16px,50vw - 590px);display:flex;position:sticky;top:0}.brand{color:var(--ink);font-size:22px;font-weight:950;text-decoration:none}.site-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.nav-link,.footer-links a{color:var(--ink);background:0 0;border:2px solid #0000;align-items:center;font-weight:900;text-decoration:none;display:inline-flex}.nav-link{min-height:38px;padding:0 12px}.nav-link.active,.nav-link:hover{border-color:var(--ink);background:var(--mint)}.eyebrow{color:var(--coral);text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:950}.library-hero{margin-bottom:18px}h1{color:var(--ink);letter-spacing:0;margin:0;font-size:34px;font-weight:900}.subtitle{color:var(--muted);margin:8px 0 0;font-size:15px;line-height:1.5}.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}.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{background:var(--ink);color:#fffdf8;justify-content:space-between;gap:24px;width:100%;padding:24px max(16px,50vw - 590px);display:flex}.site-footer strong{margin-bottom:6px;font-size:18px;display:block}.site-footer p{color:#d9efe7;max-width:560px}.footer-links{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:10px;display:flex}.footer-links a{color:#fffdf8;border-color:#d9efe7;min-height:36px;padding:0 10px}@media (width<=980px){.library-layout{grid-template-columns:1fr}.controls{position:static}.content-grid{grid-template-columns:1fr}.site-header,.site-footer{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}}