#sampleOrders{width:min(1180px,96vw)}#sampleOrders .so-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}#sampleOrders .so-tabs{margin:18px 0}#sampleOrders .so-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#sampleOrders .so-card{border:1px solid var(--line);border-radius:14px;padding:12px;min-width:0;background:white}#sampleOrders .so-card h3{font-size:15px;margin:12px 0 8px;overflow-wrap:anywhere}#sampleOrders .so-card .link-btn{display:block;font-size:12px}#sampleOrders .so-photo{aspect-ratio:1;background:#f0f3f7;display:grid;place-items:center;border-radius:10px;overflow:hidden;color:var(--muted)}#sampleOrders img{width:100%;height:100%;object-fit:cover}#sampleOrders .so-form{display:grid;gap:14px;margin-top:20px}#sampleOrders label{display:grid;gap:6px}#sampleOrders .so-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#sampleOrders .so-gallery a{display:block;overflow-wrap:anywhere;color:var(--navy-700)}#sampleOrders .so-gallery img{aspect-ratio:1;border-radius:10px}#sampleOrders .so-notes{white-space:pre-wrap;overflow-wrap:anywhere}#sampleOrders h2{margin:0}#sampleOrders input,#sampleOrders textarea{width:100%}@media(max-width:750px){#sampleOrders .so-grid,#sampleOrders .so-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){#sampleOrders .so-grid{grid-template-columns:1fr}}

#sampleOrders [hidden]{display:none!important}#sampleOrders #so-category{margin-bottom:16px;width:auto;min-width:160px}#sampleOrders .so-form select{width:100%}
#sampleOrders .so-drop{border:2px dashed #c5d1df;border-radius:14px;padding:24px;text-align:center;background:#f7f9fc}#sampleOrders .so-drop.dragging{background:#e9f2ff;border-color:#2369a0}#sampleOrders .so-pickers{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px}#sampleOrders .so-pickers label{padding:10px;border-radius:10px;cursor:pointer}#sampleOrders .so-pickers input{max-width:190px;font-size:12px}#sampleOrders .so-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,160px));gap:12px}#sampleOrders .so-preview{display:grid;gap:8px;overflow-wrap:anywhere;border:1px solid var(--line);padding:8px;border-radius:10px}#sampleOrders .so-preview img{height:100px;object-fit:contain}#sampleOrders summary{cursor:pointer;padding:12px 0;color:var(--navy-700)}#sampleOrders #so-search{max-width:280px;margin:0 0 16px 12px}#sampleOrders .so-card small{display:block;margin-bottom:8px}#sampleOrders input,#sampleOrders textarea,#sampleOrders select{font-size:16px}
