:root{font-family:Arial,Microsoft YaHei,sans-serif;color:#1d2939;background:#f6f7f8}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}.page{width:min(940px,calc(100% - 32px));margin:48px auto}.page-header{margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.eyebrow{color:#64748b;margin:0 0 6px;font-size:14px}h1{font-size:32px;margin:0}h2{font-size:18px;margin:0}h3{margin:0 0 12px;font-size:16px}.panel,.results{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:22px;margin:16px 0}.config{display:grid;gap:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}label{display:grid;gap:7px;font-size:14px;font-weight:600}small{color:#64748b;font-weight:400;line-height:1.45}input{width:100%;border:1px solid #cbd5e1;border-radius:5px;padding:10px 11px;color:#172033;background:#fff}.password-field{display:flex}.password-field input{border-radius:5px 0 0 5px}.password-field button{border:1px solid #cbd5e1;border-left:0;border-radius:0 5px 5px 0;padding:0 13px;background:#f8fafc}.primary-button,.secondary-button,.primary,.secondary{border:0;border-radius:5px;padding:11px 16px;font-weight:700}.primary-button,.primary{width:100%;background:#176b57;color:#fff;margin:4px 0 8px}.secondary-button,.secondary{background:#e8f2ef;color:#145746;width:fit-content}.text-button,.quiet{border:0;background:none;color:#176b57;padding:4px}.subtitle{color:#64748b;margin:8px 0 0}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.type-card{border:1px solid #cbd5e1;background:#fff;border-radius:6px;padding:12px 8px;color:#334155}.type-card.active{border-color:#176b57;background:#e8f2ef;color:#145746;font-weight:700}.unit{color:#64748b;font-size:13px;font-weight:400}.measure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.hint{color:#64748b;font-size:13px;line-height:1.5}.setting-row,.fit-options{display:flex;align-items:center;gap:16px;margin-top:16px;flex-wrap:wrap}.setting-row span,.fit-options>span{min-width:78px;color:#475569;font-size:14px}.setting-row select{border:1px solid #cbd5e1;border-radius:5px;padding:9px;background:#fff}.radio{display:flex;align-items:center;gap:6px;font-weight:400}.radio input{width:16px}.upload{min-height:180px;border:1px dashed #94a3b8;border-radius:6px;display:grid;place-items:center;overflow:hidden;color:#64748b}.upload input{display:none}.upload img{display:block;width:100%;max-height:380px;object-fit:contain;background:#f8fafc}.profile-options{display:flex;gap:22px;flex-wrap:wrap;margin-top:16px}.check{display:flex;align-items:center;gap:8px;font-weight:500}.check input{width:16px;height:16px}.notice{margin:10px 0 20px;color:#176b57}.results{margin-top:16px}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.result{border:1px solid #e2e8f0;border-radius:6px;padding:14px}.result img{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:4px;background:#f1f5f9}.placeholder{display:grid;place-items:center;min-height:260px;aspect-ratio:2 / 3;color:#64748b;background:#f8fafc}.download{display:inline-block;color:#176b57;margin-top:10px;font-size:14px}.disclaimer{color:#64748b;font-size:13px;line-height:1.7;margin:22px 0}@media (max-width: 560px){.page{width:min(100% - 24px,940px);margin:24px auto}.page-header{align-items:center;gap:12px}.config-toggle{padding:8px 10px}.result-grid{grid-template-columns:1fr}.profile-options{gap:14px}.type-grid{grid-template-columns:repeat(2,1fr)}.measure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}