*{box-sizing:border-box}body{color:#111827;background:#f3f4f6;margin:0;font-family:Arial,Helvetica,sans-serif}#root{max-width:1320px;margin:0 auto}.page{padding:20px}.pageHeader{color:#fff;background:linear-gradient(135deg,#0f766e 0%,#0b4f7a 100%);border-radius:16px;padding:18px 20px;box-shadow:0 10px 24px #0f766e2e}.pageHeader h1{margin:0;font-size:32px;line-height:1.2}.pageHeader p{color:#e6f4ff;margin-top:10px;font-size:15px}.layout{grid-template-columns:minmax(330px,430px) minmax(0,1fr);align-items:start;gap:18px;margin-top:18px;display:grid}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 8px 24px #11182712}.panel h2{color:#111827;margin:0 0 10px;font-size:22px}.panelForm{max-height:calc(100vh - 76px);overflow:auto}.panelPreview{position:sticky;top:18px}.section{margin-bottom:18px}.hint{color:#4b5563;margin:0 0 10px;font-size:14px}label{color:#1f2937;flex-direction:column;gap:6px;margin-bottom:12px;font-weight:600;display:flex}input,select,button{background:#fff;border:1px solid #d1d5db;border-radius:10px;min-height:44px;padding:10px 12px;font-size:15px}input:focus,select:focus,button:focus{outline-offset:1px;outline:2px solid #0ea5e9}.checkboxRow{flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.checkboxLabel{flex-direction:row;align-items:center;gap:6px}.kidsHint{color:#374151;background:#f0f7ff;border:1px solid #cfe5ff;border-radius:10px;padding:10px;font-size:14px}.sizeGuideButton{color:#1e40af;background:#eff6ff;border:1px solid #93c5fd;width:100%;margin:2px 0 14px;font-weight:700}.sizeGuideModalOverlay{z-index:999;background:#0f172a8c;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.sizeGuideModal{background:#fff;border:1px solid #d1d5db;border-radius:12px;width:min(980px,100%);max-height:90vh;overflow:auto}.sizeGuideModalHeader{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.sizeGuideModalHeader h3{color:#111827;margin:0;font-size:18px}.sizeGuideCloseButton{color:#111827;background:#f9fafb;border:1px solid #d1d5db;min-height:38px;padding:8px 12px;font-weight:600}.sizeGuideTableWrap{background:#fff;padding:10px;overflow-x:auto}.sizeGuideTable{border-collapse:collapse;width:100%;min-width:520px}.kidsSizeGuideTable{min-width:760px}.sizeGuideTable th,.sizeGuideTable td{text-align:center;border:1px solid #e5e7eb;padding:6px 8px;font-size:12px}.sizeGuideTable th{background:#f3f4f6;font-weight:700}.thumb{object-fit:contain;background:#fcfcfc;border:1px solid #ddd;border-radius:10px;width:100%;max-height:240px;margin-top:12px}.emptyImage{color:#555;text-align:center;background:#fafafa;border:1px dashed #b3b3b3;border-radius:10px;margin-top:12px;padding:18px}.exportButton{color:#fff;cursor:pointer;letter-spacing:.2px;background:linear-gradient(135deg,#0f766e 0%,#0b7b74 100%);border:none;width:100%;margin-top:8px;font-weight:700;box-shadow:0 8px 18px #0f766e40}.exportButton:hover{background:linear-gradient(135deg,#115e59 0%,#0f6f68 100%)}.previewCanvas{background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;height:auto}.supplierLinks{margin:10px 0 14px;font-size:14px}.sourceHint{color:#64748b;margin:6px 0 0;font-size:12px}.supplierLinkList{flex-direction:column;gap:8px;margin-top:8px;display:flex}.supplierLinkList a{letter-spacing:.2px;color:#0b4f7a;background:#e0f2fe;border:1px solid #93c5fd;border-radius:999px;width:fit-content;max-width:100%;padding:6px 10px;font-size:13px;font-weight:700;line-height:1.25;text-decoration:none;display:inline-block}.supplierLinkList a:hover{background:#d4ecff}.supplierLinkList a:focus{outline-offset:1px;outline:2px solid #0ea5e9}@media (width<=1100px){.layout{grid-template-columns:1fr}.panelForm{max-height:none;overflow:visible}.panelPreview{position:static}}@media (width<=680px){.page{padding:12px}.pageHeader{border-radius:12px;padding:14px}.pageHeader h1{font-size:24px}.pageHeader p{margin-top:8px;font-size:14px}.layout{gap:12px;margin-top:12px}.panel{border-radius:12px;padding:12px}.panel h2{font-size:20px}label{margin-bottom:10px;font-size:14px}input,select,button{min-height:46px;font-size:16px}.hint,.supplierLinks,.kidsHint{font-size:13px}.sizeGuideModalOverlay{padding:8px}.sizeGuideModalHeader h3{font-size:16px}.thumb{max-height:180px}.layout{grid-template-columns:1fr}}