/* 購入前プレビュー「うちの子で試す」（案 B・2026-10-29）。関数＝netlify/functions/preview */
.try-section{background:radial-gradient(ellipse at 0% 0%,#1d4a5a55,transparent 50%),radial-gradient(ellipse at 100% 100%,#5a1d3a40,transparent 45%),#0a151d}
.try-section .eyebrow{color:#a9d6da}
.try-grid{max-width:var(--page);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:stretch}
.try-panel{border:1px solid #2b434b;background:#0d1b23;padding:26px 24px;display:flex;flex-direction:column}
.try-privacy{margin-top:auto}
.try-design{font-size:11px;line-height:1.8;color:#9ed2d5;margin:-6px 0 12px}
.try-step{font-size:11px;letter-spacing:2px;color:#9ed2d5;margin-bottom:12px}
.try-species{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}
.try-species button{min-height:52px;background:#102933;border:1px solid #2f4b53;color:#dbe9e4;font-size:13px;line-height:1.3;padding:8px 6px;border-radius:2px}
.try-species button small{display:block;font-size:9px;letter-spacing:1.4px;color:#9fb6b1;margin-top:3px}
.try-species button[aria-pressed=true]{background:#e8f5ef;color:#102933;border-color:#e8f5ef}
.try-species button[aria-pressed=true] small{color:#4b6a62}
.try-photo{display:flex;gap:16px;align-items:center;margin-bottom:22px}
.try-photo-thumb{width:84px;height:84px;flex:0 0 84px;background:#132730;border:1px dashed #3a5760;display:grid;place-items:center;color:#6f8d94;font-size:10px;letter-spacing:1.5px;overflow:hidden}
.try-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.try-photo-pick{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border:1px solid #9ed2d5;color:#e8f5ef;background:transparent;font-size:13px;cursor:pointer;border-radius:2px}
.try-photo-pick:hover{background:#15303a}
.try-photo input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
.try-photo-name{font-size:11px;color:#9fb6b1;margin-top:8px;word-break:break-all}
.try-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.try-actions .button[aria-disabled=true]{opacity:.45;pointer-events:none}
.try-status{font-size:12px;line-height:1.9;color:#c6d2ca;margin-top:16px;min-height:1.9em}
.try-status[data-kind=error]{color:#ffb3b3}
.try-status[data-kind=limit]{color:#ffd9a0}
.try-privacy{font-size:10px;line-height:1.9;color:#8aa39f;margin-top:18px;border-top:1px solid #243d45;padding-top:14px}
.try-result{position:relative;display:flex;flex-direction:column}
.try-frame{position:relative;aspect-ratio:1/1;flex:1 0 auto;background:#0d1b23;border:1px solid #2b434b;overflow:hidden;display:grid;place-items:center}
.try-frame img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none}
.try-placeholder{text-align:center;color:#6f8d94;font-size:12px;line-height:2;padding:30px}
.try-placeholder strong{display:block;font-size:40px;font-weight:300;letter-spacing:-2px;color:#2f4b53;line-height:1.2;margin-bottom:6px}
.try-progress{position:absolute;inset:0;display:none;place-items:center;background:#0a151dd9;color:#e8f5ef;text-align:center;font-size:13px;line-height:2}
.try-frame[data-busy=true] .try-progress{display:grid}
.try-progress .try-spinner{width:34px;height:34px;border:2px solid #2f4b53;border-top-color:#9ed2d5;border-radius:50%;margin:0 auto 14px;animation:try-spin 1s linear infinite}
@keyframes try-spin{to{transform:rotate(360deg)}}
.try-caption{font-size:11px;line-height:1.9;color:#c3ccc5;margin-top:14px}
.try-next{display:none;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-top:18px}
.try-result[data-done=true] .try-next{display:flex}
.try-next small{display:block;font-size:10px;color:#9fb6b1;margin-top:6px;line-height:1.7}
.try-again{background:transparent;border:0;color:#9ed2d5;font-size:12px;padding:0;min-height:44px;cursor:pointer}
@media (max-width:760px){.try-grid{grid-template-columns:1fr;gap:26px}.try-panel{padding:20px 16px}.try-species button{font-size:12px}}
@media (prefers-reduced-motion:reduce){.try-progress .try-spinner{animation:none}}