.mock-flow-page{max-width:1180px;margin:0 auto;padding:32px 20px 72px}.mock-flow-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.mock-flow-head h1{margin:4px 0 6px;font-size:clamp(28px,4vw,40px)}.mock-flow-head p{margin:0;color:var(--muted)}.stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0}.stepper button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 8px;font-weight:800;color:var(--muted)}.stepper button.active{background:var(--brand-soft);border-color:#e9a432;color:#7b4d00}.stepper button.done{background:#e8f6ee;color:var(--success)}.flow-panel{display:none}.flow-panel.active{display:block}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.choice-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;cursor:pointer}.choice-card.selected{border-color:var(--brand);box-shadow:0 0 0 3px rgba(233,145,0,.1)}.choice-card strong{display:block}.choice-card small{color:var(--muted)}.admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px}.admin-tabs{display:grid;gap:8px}.admin-tabs button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 12px;text-align:left;font-weight:800}.admin-tabs button.active{border-color:var(--brand);background:var(--brand-soft)}.admin-pane{display:none}.admin-pane.active{display:block}.row-click{cursor:pointer}.row-click:hover{background:#fffaf1}.status-actions{display:flex;gap:8px;flex-wrap:wrap}.preview-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px}.photo-drop{border:2px dashed #d8d4cb;border-radius:14px;padding:28px;text-align:center;color:var(--muted);background:#faf9f6}.photo-token{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:10px;background:#f1eee8;margin:4px;font-size:12px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary-item{padding:12px;border:1px solid var(--line);border-radius:12px;background:#faf9f7}.summary-item span{display:block;color:var(--muted);font-size:12px}.admin-detail{border-left:4px solid var(--brand);padding-left:14px}.top-mini-nav{display:flex;gap:8px;flex-wrap:wrap}.top-mini-nav a{text-decoration:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px;font-weight:800;font-size:13px}.top-mini-nav a.active{background:var(--brand-soft);border-color:#e9a432}.mock-check-list{display:grid;gap:8px}.mock-check-list label{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}.sticky-actions{position:sticky;bottom:12px;display:flex;justify-content:space-between;gap:10px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:var(--shadow);margin-top:22px}@media(max-width:900px){.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-layout{grid-template-columns:1fr}.admin-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.mock-flow-head,.sticky-actions{display:grid}.admin-grid,.choice-grid,.summary-grid{grid-template-columns:1fr}.stepper{grid-template-columns:1fr 1fr}.admin-tabs{grid-template-columns:1fr 1fr}}