*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-700: #374151;--gray-800: #1f2937;--red-100: #fee2e2;--red-700: #b91c1c;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Noto Sans JP", sans-serif}body{font-family:var(--font);background:var(--gray-50);color:var(--gray-800);line-height:1.6;font-size:15px}.page{min-height:100vh;display:flex;flex-direction:column}.page-header{background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;padding:40px 24px 48px;text-align:center}.header-inner{max-width:720px;margin:0 auto}.header-badge{display:inline-block;background:#fff3;border:1px solid rgba(255 255 255 / .4);border-radius:20px;padding:3px 14px;font-size:12px;letter-spacing:.05em;margin-bottom:12px}.page-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.page-title-brand{font-size:14px;font-weight:800;letter-spacing:.12em;color:#fff;background:#ffffff2e;border:1.5px solid rgba(255 255 255 / .5);border-radius:6px;padding:3px 10px;line-height:1;flex-shrink:0}.page-desc{font-size:14px;opacity:.9;line-height:1.8}.page-main{flex:1;max-width:760px;width:100%;margin:-24px auto 0;padding:0 16px 48px}.page-footer{text-align:center;padding:20px;font-size:12px;color:var(--gray-400);border-top:1px solid var(--gray-200);background:#fff}.card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014,0 4px 16px #0000000a;padding:28px;margin-bottom:16px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-title{font-size:17px;font-weight:700;color:var(--gray-800)}.field{margin-bottom:20px}.field-label{display:block;font-size:13px;font-weight:600;color:var(--gray-700);margin-bottom:6px}.field-hint{font-weight:400;color:var(--gray-400);font-size:12px;margin-left:6px}.required{color:#dc2626}.field-input,.field-select,.field-textarea{width:100%;padding:10px 12px;border:1.5px solid var(--gray-200);border-radius:8px;font-size:14px;font-family:var(--font);color:var(--gray-800);background:#fff;transition:border-color .15s;outline:none}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px #2563eb1a}.field-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:36px}.field-textarea{resize:vertical;min-height:72px}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.checkbox-card{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1.5px solid var(--gray-200);border-radius:8px;cursor:pointer;font-size:13px;color:var(--gray-700);background:#fff;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.checkbox-card:hover{border-color:var(--blue-600);background:var(--blue-50)}.checkbox-card.checked{border-color:var(--blue-600);background:var(--blue-50);color:var(--blue-800);font-weight:600}.checkbox-card input[type=checkbox]{accent-color:var(--blue-600);width:15px;height:15px;flex-shrink:0}.btn-sample{padding:6px 14px;border:1.5px solid var(--blue-600);border-radius:6px;background:#fff;color:var(--blue-600);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-sample:hover{background:var(--blue-50)}.generate-section{text-align:center;padding:8px 0 4px}.btn-generate{padding:16px 48px;background:var(--blue-600);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s;min-width:240px}.btn-generate:hover:not(:disabled){background:var(--blue-700);transform:translateY(-1px)}.btn-generate:disabled{opacity:.7;cursor:not-allowed}.loading-text{display:inline-flex;align-items:center;gap:10px}.spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255 255 255 / .4);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-section{margin-bottom:12px}.btn-back{background:none;border:none;color:var(--blue-600);font-size:14px;font-weight:600;cursor:pointer;padding:4px 0}.btn-back:hover{text-decoration:underline}.error-box{background:var(--red-100);color:var(--red-700);border-radius:8px;padding:12px 16px;font-size:14px;margin-bottom:16px}.preview-card{padding:28px}.summary-box{background:var(--blue-50);border-left:4px solid var(--blue-600);border-radius:0 8px 8px 0;padding:12px 16px;font-size:14px;color:var(--gray-700);margin-bottom:16px;line-height:1.7}.stats-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.stat-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;background:var(--gray-100);color:var(--gray-700)}.stat-total{background:var(--blue-100);color:var(--blue-800)}.category-section{margin-bottom:20px}.category-title{font-size:13px;font-weight:700;padding:6px 12px;border-radius:6px 6px 0 0;color:var(--gray-800)}.preview-table{width:100%;border-collapse:collapse;font-size:13px}.preview-table thead tr{background:var(--gray-50)}.preview-table th{padding:8px 10px;text-align:left;font-size:12px;font-weight:600;color:var(--gray-500);border-bottom:1px solid var(--gray-200)}.preview-table th:first-child{width:36%}.preview-table th:nth-child(2){width:10%}.preview-table th:nth-child(3){width:54%}.preview-table tbody tr{border-bottom:1px solid var(--gray-100)}.preview-table tbody tr:last-child{border-bottom:none}.preview-table tbody tr:hover{background:var(--gray-50)}.item-name{padding:9px 10px;font-weight:600;color:var(--gray-800)}.item-unit{padding:9px 10px;color:var(--gray-500);font-size:12px;text-align:center}.item-reason{padding:9px 10px;color:var(--gray-500);font-size:12px}.download-section{text-align:center;padding:24px 0 4px;border-top:1px solid var(--gray-100);margin-top:8px}.btn-download{padding:14px 44px;background:#16a34a;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s;min-width:240px}.btn-download:hover:not(:disabled){background:#15803d;transform:translateY(-1px)}.btn-download:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 600px){.page-title{font-size:22px}.page-desc{font-size:13px}.card{padding:20px 16px}.card-header{flex-direction:column;align-items:flex-start;gap:12px}.checkbox-grid{grid-template-columns:1fr 1fr}.btn-generate,.btn-download{min-width:0;width:100%}.preview-table th:nth-child(3),.item-reason{display:none}}