.flip-card .card-guide{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;min-height:44px;padding:8px 0;border:0;border-radius:0;background:transparent;color:#006f61;font:inherit;font-size:13px;font-weight:600;line-height:1.5;white-space:nowrap;flex:none}
.flip-card .card-guide:hover{background:transparent;color:#005547;text-decoration:underline;text-underline-offset:4px}
.flip-card .card-guide .icon{width:16px;height:16px}
.model-card[data-overview="false"] .card-bottom{justify-content:flex-end}
.model-card[data-overview="false"] .detail-caption{flex-direction:column;gap:8px}
.model-card[data-overview="false"] .detail-caption .card-bottom{width:100%;height:44px;margin-top:auto;flex:none}
.model-card[data-overview="true"] .back-copy{min-width:0}
.model-card[data-overview="true"] .back-copy small{font-size:12px;margin-top:4px}
.model-card[data-overview="true"] .back-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px minmax(0,1fr);gap:4px}
.model-card[data-overview="true"] .back-copy{display:contents}
.model-card[data-overview="true"] .back-copy strong{grid-column:1;grid-row:1;align-self:center}
.model-card[data-overview="true"] .back-copy small{grid-column:1 / -1;grid-row:2;margin:0;align-self:start}
.model-card[data-overview="true"] .card-guide{grid-column:2;grid-row:1}
.guide-dialog{width:min(1040px,calc(100% - 40px));max-height:calc(100dvh - 40px);padding:0;border:0;border-radius:8px;color:var(--ink);background:white;box-shadow:0 20px 65px rgba(18,42,35,.22)}
.guide-dialog::backdrop{background:rgba(18,31,29,.55)}
.guide-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #e4ebe8}
.guide-header h2{font-size:21px;line-height:1.4;margin:0;overflow-wrap:anywhere}
.guide-close,.guide-copy{display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:6px;background:#edf3f1;color:#23584c;flex:none;cursor:pointer}
.guide-close:hover,.guide-copy:hover{background:#dbeae5}
.guide-dialog svg{width:19px;height:19px}
.guide-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;padding:24px;align-items:start}
.guide-instructions{min-width:0}
.guide-steps{list-style:none;padding:0;margin:0;counter-reset:guide}
.guide-steps li{counter-increment:guide;position:relative;padding:0 0 20px 34px}
.guide-steps li::before{content:counter(guide);position:absolute;left:0;top:1px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#006f61;color:white;font-size:12px;font-weight:700}
.guide-steps h3{font-size:15px;line-height:1.6;margin:0 0 6px}
.guide-steps p{font-size:13px;line-height:1.8;color:#4b625b;margin:0;overflow-wrap:anywhere}
.guide-field{margin:0 0 16px}
.guide-field-label{display:block;font-size:12px;color:#4b625b;margin-bottom:6px;font-weight:600}
.guide-field-row{display:flex;gap:8px;align-items:flex-start}
.guide-field code{display:block;flex:1;min-width:0;padding:10px 12px;background:#f1f6f4;border-radius:4px;font-family:Consolas,monospace;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#174b3e}
.guide-notice{font-size:12px;line-height:1.8;color:#6c4b15;background:#fff5db;padding:12px;margin:0 0 16px}
.guide-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.guide-actions a,.guide-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:0;border-radius:6px;padding:10px 14px;text-decoration:none;font:inherit;font-size:13px;font-weight:600;background:#006f61;color:white;cursor:pointer}
.guide-actions .guide-download{background:#edf3f1;color:#23584c}
.guide-status{min-height:20px;font-size:12px;color:#006f61;margin:10px 0 0}
.guide-figure{margin:0;min-width:0}
.guide-figure img{display:block;width:100%;height:auto;border-radius:4px;background:#f1f6f4}
.guide-figure figcaption{font-size:11px;color:#4b625b;line-height:1.6;margin:8px 0 0}
.guide-dialog :focus-visible{outline:3px solid #16836e;outline-offset:3px}
.guide-dialog ::selection{background:#bce5d8;color:#163d32}
.guide-dialog{scrollbar-color:#8bb7aa #eef4f1;scrollbar-width:thin}
.guide-interface-body{display:block}
.guide-interface-body .guide-steps li{padding-bottom:28px}
.guide-interface-body .guide-steps h3{font-size:17px}
.guide-interface-body .guide-steps p{font-size:14px}
.guide-prerequisite{font-size:13px;line-height:1.8;background:#edf5f1;color:#305c4c;padding:12px 16px;margin:0 0 24px}
.guide-interface-figure{margin:14px 0 0}
.guide-interface-figure>img{display:block;width:100%;height:auto;border-radius:4px;background:#171717}
.guide-interface-figure figcaption{font-size:12px;line-height:1.7;color:#4b625b;margin-top:8px}
.guide-shot-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;color:#4b625b;font-size:12px}
.guide-enlarge{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:0;border-radius:6px;padding:7px 12px;color:#006f61;background:#edf5f1;font:inherit;font-size:12px;cursor:pointer}
.guide-enlarge:hover{background:#dbeae5}
.guide-enlarge:disabled{opacity:.6;cursor:not-allowed}
.guide-zoom{width:min(1500px,calc(100% - 24px));overflow:hidden}
.guide-zoom-scroll{overflow:auto;max-height:calc(100dvh - 160px);background:#171717;scrollbar-color:#9fb9b0 #25352e}
.guide-zoom-scroll img{display:block;width:1440px;max-width:none;height:auto}
.guide-pan-note{font-size:12px;line-height:1.7;color:#4b625b;margin:0;padding:10px 24px}
@media(max-width:520px){.guide-interface-body .guide-steps li{padding-left:0;padding-top:34px}.guide-interface-body .guide-steps li::before{top:0}.guide-interface-body .guide-steps h3{font-size:16px}.guide-interface-body .guide-steps p{font-size:13px}.guide-prerequisite{padding:10px 12px}.guide-zoom .guide-header{padding:12px}.guide-pan-note{padding:8px 12px}.guide-zoom-scroll{max-height:calc(100dvh - 160px)}}
@media(max-width:520px){.flip-card .card-guide{padding:7px 0;font-size:12px;gap:4px}.model-card[data-overview="true"] .back-caption{gap:6px}.model-card[data-overview="true"] .back-copy small{font-size:11px}.model-card[data-overview="true"] .card-guide{padding:7px 0;font-size:11px}.model-card[data-overview="true"] .back-copy strong{font-size:15px}.guide-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.guide-header{padding:12px 16px;gap:8px}.guide-header h2{font-size:17px}.guide-body{display:block;padding:18px 16px}.guide-figure{margin-top:22px}.guide-actions{gap:8px}.guide-actions a,.guide-actions button{padding:9px 10px;font-size:12px}}