.orderMockups{background:var(--card,#fff);color:var(--foreground,#161616);border:2px solid #e1ae00;border-radius:12px;margin:20px 0;padding:20px}.orderMockups h3{margin:0;font-size:1.3rem}.orderMockups p{font-size:1rem;line-height:1.5}.mockupSectionHead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.mockupGallery{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0;display:grid}.mockupGallery>button{color:#111;text-align:left;cursor:pointer;background:#fff;border:1px solid #888;border-radius:8px;flex-direction:column;align-items:stretch;gap:8px;min-height:48px;padding:12px;display:flex}.mockupGallery img{object-fit:contain;background:#e8e8e8;width:100%;height:180px}.mockupGallery strong{font-size:1rem}.mockupGallery span,.mockupGallery small{overflow-wrap:anywhere;white-space:pre-wrap;font-size:.95rem}.mockupUpload summary{cursor:pointer;padding:14px 0;font-size:1rem;font-weight:700}.mockupUpload label{flex-direction:column;gap:8px;margin:12px 0;font-size:1rem;display:flex}.mockupUpload fieldset{border:1px solid #888;border-radius:8px;margin:12px 0;padding:16px}.mockupUpload legend{overflow-wrap:anywhere;font-size:1rem}.mockupUpload input:not([type=checkbox]),.mockupUpload select,.mockupUpload textarea{box-sizing:border-box;width:100%;min-height:48px;padding:12px;font-size:1rem}.mockupUpload .mockupCheck{flex-direction:row;align-items:flex-start;line-height:1.5}.mockupCheck input,.mockupDialog input[type=checkbox]{flex-shrink:0;width:24px;height:24px}.orderMockups button{min-height:48px;font-size:1rem}.mockupDialog{box-sizing:border-box;color:#fff;z-index:99999;background:#151515;border:2px solid #ffc400;border-radius:12px;width:calc(100vw - 24px);max-width:1400px;height:calc(100dvh - 24px);max-height:none;margin:auto;padding:16px;position:fixed;inset:0;overflow:auto}.mockupDialog::backdrop{background:#000c}.mockupDialog header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mockupDialog header p{margin:8px 0;font-size:1rem}.mockupDialog button,.mockupDialog select{color:#111;cursor:pointer;background:#fff;border:1px solid #aaa;border-radius:6px;min-height:48px;padding:10px 16px;font-size:1rem}.mockupDialog button:disabled{opacity:.5;cursor:default}.mockupPlacement{color:#111;background:#ffc400;border-radius:6px;margin:12px 0;padding:12px}.mockupPlacement h2{margin:0;font-size:1.7rem}.mockupPlacement p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;font-size:1rem}.mockupPlacement small{font-size:.9rem}.mockupControls{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;display:flex}.mockupControls label{align-items:center;gap:8px;display:flex}.mockupViewport{background:#333;border:1px solid #888;height:50dvh;min-height:220px;overflow:auto}.mockupViewport>div{justify-content:center;align-items:center;min-height:100%;display:flex}.mockupViewport img{object-fit:contain;width:100%;max-height:100%;display:block}.mockupViewport>div:has(img){align-items:flex-start}.mockupTabs{flex-wrap:wrap;gap:8px;padding:14px 0;display:flex}.mockupTabs button[aria-pressed=true]{background:#ffc400;border-color:#ffc400}.mockupDialog footer{border-top:1px solid #888;padding-top:14px}.mockupDialog footer label{align-items:center;gap:12px;font-size:1rem;display:flex}.mockupDialog footer button{background:#ffc400;margin-top:12px;font-weight:700}.mockupImageError{padding:16px;font-size:1rem}.mockupImageError button{margin:8px}.mockupGallery>button>.mockupImageError button{display:none}@media (width<=600px){.orderMockups{padding:14px}.mockupDialog{padding:12px}.mockupPlacement h2{font-size:1.3rem}.mockupControls{gap:8px}.mockupControls button{padding:8px}.mockupGallery{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media print{.mockupDialog,.orderMockups{display:none!important}}.mockupViewport[data-fit=true] img{object-fit:contain;max-height:50dvh}.orderMockups .mockupSaveError{color:#991b1b;background:#fde8e8;border:1px solid #d88;padding:12px}.mockupSinglePreview{align-items:center;gap:18px;margin:16px 0;display:flex}.mockupSinglePreview>button{cursor:pointer;background:#eee;border:1px solid #aaa;border-radius:8px;flex-shrink:0;width:180px;padding:8px}.mockupSinglePreview img{object-fit:contain;width:100%;height:150px}.mockupSinglePreview p{margin:8px 0}.mockupSinglePreview span{color:#555;font-size:.95rem}.mockupEditActions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.mockupUploadRow{align-items:center;gap:12px;display:flex}.mockupUploadRow>label{flex:1;min-width:0}.mockupUploadRow small{overflow-wrap:anywhere}.mockupUploadFields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mockupUpload fieldset{margin-top:16px}.mockupUpload details summary,.mockupRelease summary{cursor:pointer;padding:12px 0;font-size:1rem}.mockupUpload .mockupUploadItem{margin:0;font-weight:700}.mockupProductionFacts{background:#242424;border:1px solid #555;border-radius:8px;flex-wrap:wrap;align-items:flex-start;gap:12px;margin:12px 0;padding:14px;display:flex}.mockupProductionFacts>div{flex-direction:column;gap:6px;min-width:100px;display:flex}.mockupProductionFacts>div:first-child{flex:1}.mockupProductionFacts span{color:#ddd;font-size:.9rem}.mockupProductionFacts strong{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.05rem}.mockupItemDetails{margin:12px 0}.mockupItemDetails summary{cursor:pointer;font-size:1rem}.mockupItemDetails p{white-space:pre-wrap;font-size:1rem}.mockupRelease .mockupCheck{align-items:center;gap:12px;margin:12px 0;display:flex}.mockupRelease input[type=checkbox]{width:24px;height:24px}@media (width<=600px){.mockupUploadFields{grid-template-columns:1fr;gap:0}.mockupSinglePreview{gap:12px}.mockupSinglePreview>button{width:135px}.mockupProductionFacts{gap:14px}.mockupProductionFacts>div:first-child{flex-basis:100%}}.mockupOrderReference{margin:8px 0;font-size:1.05rem}.mockupSelectedFile{overflow-wrap:anywhere}.mockupFileList{flex-wrap:wrap;gap:8px;display:flex}.mockupFileList button{overflow-wrap:anywhere;background:#fff;border:1px solid #888;border-radius:6px;padding:8px 12px;font-size:1rem}.mockupOrderItems{background:#242424;border:1px solid #555;border-radius:8px;margin:12px 0;padding:4px 14px}.mockupOrderItems>div{border-bottom:1px solid #555;padding:10px 0}.mockupOrderItems>div:last-child{border-bottom:0}.mockupOrderItems strong{font-size:1rem}.mockupOrderItems p{white-space:pre-wrap;margin:6px 0;font-size:1rem}.mockupEditActions>details>summary{cursor:pointer;padding:14px;font-size:1rem}.mockupEditActions>details>button{margin:8px 0}