.import-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:25px 28px;background:linear-gradient(115deg,#fffdf8,#fffdf8);border:1px solid #ddd0bc;border-radius:22px}.import-toolbar h2{margin:0 0 6px}.import-toolbar p{margin:0;color:var(--muted)}.import-toolbar .btn{flex-shrink:0}.import-modal{width:min(1060px,96vw);max-width:1060px}.import-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.import-tabs button{padding:11px 19px;border:1px solid #ddd0bc;border-radius:99px;background:#fffdf8;font:inherit;color:#716356;cursor:pointer}.import-tabs [aria-selected=true]{background:#153c40;border-color:#ddd0bc;color:#352b23}.import-source{background:#fffdf8;padding:22px;border-radius:18px}.import-url{display:flex;gap:14px;align-items:flex-end}.import-url .field{flex:1;margin:0}.import-url .btn{margin-bottom:0}.import-status{padding:16px 0;color:#716356;min-height:50px;font-size:13px}.import-drop{display:flex;align-items:center;flex-direction:column;gap:10px;text-align:center;padding:28px;border:1px dashed #ddd0bc;border-radius:14px;background:#fffdf8;cursor:pointer}.import-drop>span:last-of-type{font-size:13px;color:#716356}.import-drop input{max-width:100%;font-size:13px;margin-top:8px}.import-symbol{font-size:32px;color:#8a5b21}.import-language{max-width:330px;margin-top:18px}.import-review-list{display:grid;gap:14px;margin-bottom:20px}.import-row{display:flex;align-items:flex-start;gap:16px;padding:18px;border:1px solid #ddd0bc;border-radius:18px;background:#fffdf8}.import-row.needs-review{border-color:#e5b779;background:#fffcf6}.import-row-content{flex:1;min-width:0}.import-fields{display:grid;grid-template-columns:2fr .8fr 1.2fr;gap:12px}.import-fields .field,.import-row-content>.field{margin-bottom:10px}.import-row .btn{min-width:32px;padding:6px 10px}.import-include{padding-top:27px;gap:8px}.import-issue{font-size:13px;color:#975315;margin:8px 0}.import-row small{color:#8b6025;font-size:12px}.import-raw{margin-top:22px}.import-raw form{margin-top:12px}.import-commit{margin-top:26px;padding-top:24px;border-top:1px solid #ddd0bc}.import-modes{display:grid;gap:12px;margin:20px 0}.import-commit>.check-field{margin:16px 0}.import-links{display:flex;flex-wrap:wrap;gap:10px;padding:16px 0}.import-links strong{width:100%}.import-link{overflow-wrap:anywhere}.food-placeholder{height:210px;display:grid;place-items:center;background:linear-gradient(130deg,#fffdf8,#fffdf8);color:#716356;font-size:36px}.import-preview h3{margin:8px 0}.import-preview{margin-top:16px}.relay-setup{margin:20px 0;padding:22px;border:1px solid #ddd0bc;border-radius:16px;background:#fffdf8}.relay-setup h3{margin-top:0}.relay-setup .flex{flex-wrap:wrap}@media(max-width:700px){.import-toolbar,.import-url{align-items:stretch;flex-direction:column}.import-toolbar{padding:20px}.import-modal{width:98vw;max-height:96dvh}.import-modal .modal-body{padding:18px}.import-fields{grid-template-columns:1fr 1fr}.import-fields .field:first-child{grid-column:1/-1}.import-row{gap:9px;padding:12px}.import-include{padding-top:25px}.import-row>.btn{min-width:24px;padding:5px}.import-commit>.between{align-items:stretch;flex-direction:column;gap:12px}.import-tabs{gap:5px}.import-tabs button{padding:9px 13px;font-size:13px}.import-source{padding:14px}.import-drop{padding:18px}.import-row .field span{font-size:11px}}
.import-photo{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:start;margin:14px 0}.import-photo img{width:88px;height:88px;object-fit:cover;border-radius:12px;background:#fffdf8}.import-photo .field{margin:0}.import-photo-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.import-photo-tools label{display:inline-flex;align-items:center;cursor:pointer}.import-photo-tools input[type=file]{width:100%;max-width:240px;font-size:12px}.source-image-summary{padding:14px;background:#fffdf8;border:1px solid #ddd0bc;border-radius:12px;margin:15px 0}.photo-crop-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;background:#153c40b3;padding:15px}.photo-crop{background:#fffdf8;border-radius:22px;padding:24px;width:min(790px,100%);max-height:94vh;overflow:auto;box-shadow:0 20px 100px #00000050}.photo-crop canvas{display:block;max-width:100%;max-height:55vh;object-fit:contain;margin:16px auto;touch-action:none;cursor:crosshair;border-radius:10px}.crop-values{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.photo-crop h2{font-size:20px}.photo-crop .flex{flex-wrap:wrap}.edit-photo-preview{width:100%;max-height:230px;object-fit:cover;border-radius:14px;margin-bottom:14px}@media(max-width:600px){.crop-values{grid-template-columns:1fr 1fr}.photo-crop{padding:16px}.import-photo{grid-template-columns:64px 1fr}.import-photo img{width:64px;height:64px}}

.photo-match-status{padding:10px 12px;border-radius:10px;background:#fffdf8;display:grid;gap:4px;margin-top:12px;font-size:12px}.photo-match-status strong{font-size:13px}.photo-match-status.automatic,.photo-match-status.manual{background:#eaf8f3;color:#17644c}.photo-match-status.review{background:#fff1d9;color:#815014;border:1px solid #edcc92}.photo-match-status.missing{background:#fff0ed;color:#933f32;border:1px dashed #e6b5aa}.photo-match-status span:empty{display:none}.photo-missing-placeholder{width:88px;height:88px;border-radius:12px;background:#fff0ed;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#933f32;font-size:28px}.photo-missing-placeholder small{font-size:11px;color:inherit}.photo-candidates{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.photo-candidates button{width:110px;border:1px solid #ddd0bc;border-radius:10px;background:#fffdf8;overflow:hidden;padding:0;cursor:pointer;color:#8a5b21;font:inherit;font-size:10px}.photo-candidates img{width:100%;height:65px;object-fit:cover}.photo-candidates span{display:block;padding:6px}.photo-candidates button:hover{border-color:#ddd0bc}@media(max-width:600px){.photo-missing-placeholder{width:64px;height:64px}.photo-match-status{font-size:11px}.photo-match-status strong{font-size:12px}}

.import-source-details>summary{cursor:pointer;font-size:13px;color:#716356;margin:10px 0 16px}.import-source-details:not([open]){border-bottom:1px solid #ddd0bc;padding-bottom:4px}.import-source-details[open]>summary{margin-bottom:12px}
.import-design-preview{border:1px solid #ddd0bc;padding:20px;border-radius:14px;margin:20px 0;background:#fffdf8}.import-design-preview>summary{font-weight:700;color:#8a5b21;cursor:pointer;margin-bottom:16px}.import-design-paper{max-height:470px;overflow:auto;padding:12px;background:#fffdf8;border-radius:12px}.import-design-paper .menu-pages{display:grid;gap:20px;margin:auto;min-width:0}.import-design-preview .field{max-width:360px}.import-modes{flex-wrap:wrap}.import-modes label{line-height:1.6}#import-card-name{width:100%}@media(max-width:600px){.import-design-preview{padding:12px}.import-design-paper{max-height:360px;padding:8px}}
.import-choice-groups{border:1px solid #ddd0bc;border-radius:12px;margin:14px 0;padding:14px;background:#fffdf8}.import-choice-groups>summary{cursor:pointer;color:#8a5b21;font-weight:700;font-size:13px}.recognition-note{font-size:12px;color:#716356;line-height:1.65;margin:12px 0}.import-group{border:1px solid #ddd0bc;border-radius:10px;margin:16px 0;padding:14px;background:#fffdf8}.import-group legend{font-size:12px;font-weight:700;padding:0 5px}.import-group-fields{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:12px}.import-group>.check-field{margin:10px 0 16px}.import-option{display:grid;grid-template-columns:minmax(0,1fr) 120px 145px 28px;gap:10px;align-items:center;border-top:1px solid #ddd0bc;padding:10px 0}.import-option .field{margin:0}.import-option small{font-size:11px;line-height:1.6}.import-group input{min-width:0}.import-group .flex{gap:9px}.import-validation{padding:16px;background:#effaf6;border:1px solid #cde6da;border-radius:12px;margin:16px 0}.import-validation.has-problems{background:#fff7e8;border-color:#e4bf83}.import-validation p{font-size:12px;line-height:1.6;margin:8px 0}.import-validation ul{padding-left:18px;margin:10px 0}.import-validation li{padding:3px 0}.import-validation button{background:none;border:0;text-align:start;text-decoration:underline;font:inherit;font-size:12px;color:#754b12;cursor:pointer;line-height:1.6}.import-submit-row{position:sticky;bottom:-28px;background:#fffdf8;padding:16px 0;border-top:1px solid #ddd0bc;gap:15px;z-index:3}.import-submit-row>span{font-size:12px}.import-submit-row>.btn{white-space:normal}@media(max-width:700px){.import-option{grid-template-columns:minmax(0,1fr) 92px 25px}.import-option small{grid-column:1/3;grid-row:2}.import-option>.icon-btn{grid-column:3;grid-row:1}.import-group-fields{grid-template-columns:minmax(0,1fr) 110px}.import-submit-row{bottom:-18px}.import-choice-groups{padding:10px}.import-group{padding:10px}}
@media(max-width:700px){.import-row{display:block;position:relative}.import-include{padding-top:0;margin-bottom:14px}.import-row-content{width:100%}.import-row>.btn{position:absolute;inset-inline-end:10px;top:10px}.import-group-fields{grid-template-columns:1fr;gap:8px}.import-option{grid-template-columns:minmax(0,1fr) 92px 28px}.import-choice-groups>summary{overflow-wrap:anywhere}.import-option .field input{padding:10px 8px}.import-group-fields .field input{width:100%}.import-group .field span{line-height:1.5;display:block}}