:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#111827;background-color:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}#root{min-height:100vh}.appShell{min-height:100vh;display:flex;flex-direction:column}.appHeader{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#fff;border-bottom:1px solid #e5e7eb}.appBrand{font-weight:700}.appNav{display:flex;align-items:center;gap:10px;flex:1}.appNavLink{padding:6px 10px;border-radius:8px;color:#374151}.appNavLink.active{background:#f3f4f6;color:#111827}.appUser{display:flex;align-items:center;gap:10px}.appUserName{color:#374151;font-size:14px}.appMain{padding:16px;max-width:1200px;width:100%;margin:0 auto}.pageTitle{margin:0 0 8px;font-size:22px}.pageText{margin:0 0 16px;color:#4b5563}.pageTextTight{margin:0}.itemCardStatic{cursor:default}.selectImageControls{display:flex;gap:8px;align-items:center;justify-content:center}.smallButton{padding:4px 8px;font-size:12px;line-height:1.2}.selectImageGrid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.selectImageTile{width:160px;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;background:#f9fafb;display:flex;flex-direction:column}.selectImageTileMedia{width:100%;height:180px;display:flex;align-items:center;justify-content:center;background:#f9fafb}.selectImageTileMedia img{width:100%;height:100%;object-fit:cover}.selectImageTileControls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border-top:1px solid #e5e7eb;background:#fff}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.preWrap{margin:8px 0 0;white-space:pre-wrap}.filterBar{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:12px}.filterBreak{flex-basis:100%;height:0}.filterClearButton{margin-left:auto}.filterField{display:flex;flex-direction:column;gap:6px}.filterLabel{font-size:12px;color:#4b5563}.appSelect,.appInput{border-radius:10px;border:1px solid #d1d5db;background:#fff;padding:8px 10px}.mt10{margin-top:10px}.mb10{margin-bottom:10px}.mt16{margin-top:16px}.m0{margin:0}.productsGrid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:820px){.productsGrid{grid-template-columns:1fr 1fr}}@media(min-width:1120px){.productsGrid{grid-template-columns:1fr 1fr 1fr}}.productsGrid.productsList{grid-template-columns:1fr}@media(min-width:720px){.productsGrid.productsList .itemCard{display:grid;grid-template-columns:fit-content(360px) 1fr;column-gap:6px;row-gap:6px;align-items:start}.productsGrid.productsList .itemCardTitle{grid-column:1;grid-row:1;margin-bottom:0}.productsGrid.productsList .itemCardBody{grid-column:1;grid-row:2}.productsGrid.productsList .photoStrip,.productsGrid.productsList .thumbPlaceholder{grid-column:2;grid-row:1 / span 2;margin-top:0}.productsGrid.productsList .photoMeta{grid-column:1 / -1}}.photoViewer{display:flex;align-items:center;gap:8px;margin-top:10px}.photoStrip{display:flex;align-items:center;gap:8px;margin-top:10px;justify-content:flex-start}.photoStripViewport{flex:1;overflow:hidden}.photoStripTrack{display:flex;align-items:center}.photoThumbItem{width:110px;flex:0 0 auto}.photoThumb{width:110px;height:140px;border-radius:12px;border:1px solid #e5e7eb;background:#f9fafb;object-fit:cover;display:block}.photoThumbCaption{margin-top:4px;font-size:12px;color:#1e40af;text-align:center;line-height:1.2;display:flex;flex-direction:column;gap:2px}.photoNavButton{padding:6px 10px;line-height:1}.photoFrame{flex:1;height:260px;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;background:#f9fafb;display:flex;align-items:center;justify-content:center}.photoFrame img{width:100%;height:100%;object-fit:cover}.photoMeta{margin-top:8px;font-size:12px;color:#6b7280}.appButton{border-radius:10px;border:1px solid #d1d5db;background:#fff;padding:8px 12px;cursor:pointer}.primaryButton{border-radius:10px;border:1px solid #111827;background:#111827;color:#fff;padding:8px 12px;cursor:pointer}.appButton:disabled,.primaryButton:disabled{opacity:.6;cursor:not-allowed}.pageCenter{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.panel{width:100%;max-width:420px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.panelTitle{margin:0 0 6px;font-size:20px}.panelSubtitle{margin:0 0 14px;color:#4b5563}.errorBox{margin:12px 0;padding:10px 12px;border-radius:10px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.infoBox{margin:12px 0;padding:10px 12px;border-radius:10px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e40af}.grid2{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:920px){.grid2{grid-template-columns:1fr 1fr}.gridSpan2{grid-column:1 / -1}}.column{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.sectionTitle{margin:0 0 10px;font-size:16px}.cardList{display:flex;flex-direction:column;gap:10px}.itemCard{width:100%;text-align:left;padding:12px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.itemCardSelected{border-color:#111827;background:#d3d6dd}.itemCardTitle{font-weight:600;margin-bottom:6px}.itemCardBody{color:#4b5563;font-size:14px}.thumbRow{display:flex;gap:8px;margin-top:8px}.thumb{width:52px;height:104px;border-radius:10px;border:1px solid #e5e7eb;overflow:hidden;background:#f9fafb;display:flex;align-items:center;justify-content:center}.thumb img{width:100%;height:100%;object-fit:cover}.thumbPlaceholder{font-size:10px;color:#6b7280;padding:4px;text-align:center}.emptyState{color:#6b7280;font-size:14px;padding:8px 0}.pairList{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.pairRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #f3f4f6}.pairRow:last-child{border-bottom:none}.pairText{color:#374151}.orderList{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.orderRow{display:flex;flex-direction:column;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6}.orderRow:last-child{border-bottom:none}@media(min-width:920px){.orderRow{flex-direction:row;align-items:flex-start;justify-content:space-between}}.orderMain{flex:1;min-width:0}.orderHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.orderTitle{font-weight:600;color:#111827}.orderStatus{display:flex;align-items:center}.statusPill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;font-size:12px}.orderMeta{margin-top:8px;display:flex;flex-direction:column;gap:4px;color:#4b5563;font-size:14px}.orderItems{margin-top:10px}.orderItemsTitle{font-size:14px;font-weight:600;color:#111827;margin-bottom:8px}.orderItemsRow{display:flex;flex-wrap:wrap;gap:10px}.miniCard{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:10px;min-width:220px;display:flex;gap:10px;align-items:stretch}.miniCardHeader{display:flex;gap:10px;align-items:flex-start}.miniCardContent{flex:1;min-width:0}.miniCardMedia{width:56px;align-self:stretch;height:auto;min-height:104px;border-radius:10px;border:1px solid #e5e7eb;overflow:hidden;background:#f9fafb;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.miniCardMediaButton{border:none;background:transparent;padding:0;width:100%;height:100%;display:flex;align-items:stretch;justify-content:center;cursor:pointer}.miniCardMedia img{width:100%;height:100%;object-fit:contain;object-position:center}.imageModalOverlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#111827;z-index:50}.imageModal{width:100%;max-width:960px;max-height:90vh;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.imageModalHeader{padding:10px;display:flex;justify-content:flex-end;border-bottom:1px solid #e5e7eb}.imageModalBody{padding:10px;display:flex;align-items:center;justify-content:center;min-height:200px}.imageModalBody img{max-width:100%;max-height:calc(90vh - 70px);object-fit:contain}.miniCardNoImage{font-size:12px;color:#6b7280;text-align:center;padding:4px}.miniCardTitle{font-weight:600;color:#111827;margin-bottom:6px;font-size:14px}.miniCardBody{color:#4b5563;font-size:13px;display:flex;flex-direction:column;gap:2px}.orderActions{display:flex;flex-wrap:wrap;gap:10px}