: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{width:min(1180px,100vw - 32px);margin:0 auto;padding:24px 0 40px}.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}@media (width<=980px){.library-layout{grid-template-columns:1fr}.controls{position:static}}@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}}