.mock-columns{grid-template-columns:270px minmax(250px,.9fr) minmax(0,1.15fr)}.mock-template-actions{display:flex;gap:8px;margin-bottom:18px}.mock-template-actions button,.mock-wide{border:1px solid #46556c;border-radius:5px;padding:7px 10px;font-size:11px;color:#bdd2f2}.mock-wide{width:100%;margin:8px 0}.mock-coordinate{display:grid;grid-template-columns:30px 1fr 1fr;gap:7px;align-items:center;margin-bottom:8px}.mock-coordinate>strong{font-size:10px;font-weight:500;color:#a6b9d3}.mock-coordinate label{font-size:9px;color:#8fa5c2;display:flex;align-items:center;gap:5px;min-width:0}.mock-coordinate input{width:100%;min-width:0;background:#344052;border:1px solid #46556c;border-radius:4px;color:#e0e9f5;padding:6px 4px;font-size:11px}.mock-note{background:#25344b;border:1px solid #435775;border-radius:7px;padding:12px;font-size:11px;line-height:1.8;color:#bdd2ee}.mock-note p{color:#93a8c4;font-size:10px;margin:5px 0}.mock-list{min-width:0}.mock-small-upload{font-size:11px;border:1px solid #4a6080;border-radius:5px;padding:6px 10px;color:#b9d4f8;cursor:pointer}.mock-import{padding:12px;border-bottom:1px solid #354153}.mock-import .draw-field{margin-bottom:8px}.mock-import>button{font-size:10px;border:1px solid #46556c;border-radius:4px;padding:5px 10px;color:#b4d3ff}.mock-upload-state{padding:10px 12px;margin:0!important;border-bottom:1px solid #2b3c54}.mock-files{flex:1;overflow:auto;padding:12px;min-height:0;scrollbar-width:thin}.mock-file{display:flex;gap:10px;border:1px solid #354153;border-radius:7px;padding:10px;margin-bottom:10px;background:#121c2d}.mock-file.selected{background:#17243a;border-color:#4c76b4}.mock-file>img{width:55px;height:76px;object-fit:contain;background:#e8edf2;align-self:flex-start;flex-shrink:0}.mock-file>div{min-width:0;flex:1}.mock-file label{display:flex;gap:7px;align-items:flex-start;cursor:pointer}.mock-file input{accent-color:#438aff;flex-shrink:0}.mock-file strong{font-size:11px;line-height:1.5;overflow-wrap:anywhere}.mock-file small{display:block;font-size:9px;color:#91a5c1;margin:6px 0}.mock-file button{font-size:10px;border:1px solid #43536b;border-radius:4px;padding:4px 7px;color:#a8c7ef}.mock-file button.active{color:#fff;border-color:#558be3}.mock-view-tabs{display:flex;gap:10px;min-width:0}.mock-view-tabs>button{font-size:10px;white-space:nowrap;padding:10px 0;color:#8fa3bf;border-bottom:2px solid transparent}.mock-view-tabs>button.active{color:#bfd7fa;border-color:#4a88f5}.mock-preview .draw-panel-head>a{color:#c0d7f6;font-size:10px;white-space:nowrap}.mock-preview .draw-panel-head>a[hidden]{display:none}.mock-view-body{flex:1;overflow:auto;padding:12px;min-height:0;scrollbar-width:thin;background:#101827;text-align:center}.mock-calibration-canvas{position:relative;display:inline-block;vertical-align:top;max-width:100%;line-height:0}.mock-calibration-canvas>img,.mock-result-image{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100vh - 245px);object-fit:contain;margin:0 auto}.mock-calibration-canvas>img{cursor:crosshair}.mock-point{position:absolute;width:20px;height:20px;border-radius:50%;border:2px solid white;background:#1768f0;box-shadow:0 1px 4px #17233b;color:white;font-size:10px;line-height:16px;transform:translate(-50%,-50%);pointer-events:none}.mock-result-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin:12px 0;color:#a0b7d4;font-size:11px}.mock-result-controls button{font-size:11px;padding:5px 12px;border:1px solid #435775;border-radius:4px}.mock-result-controls button:disabled{opacity:.3}.mock-thumbnails{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.mock-thumbnails button{padding:3px;border:1px solid #354153;border-radius:4px}.mock-thumbnails button.active{border-color:#5492ff}.mock-thumbnails img{width:44px;height:58px;object-fit:contain;display:block}.mock-preview .draw-pane-foot{font-size:10px;line-height:1.8;overflow-wrap:anywhere}.mock-preview .draw-pane-foot a{color:#bcd6ff}
@media(max-width:1100px){.mock-columns{grid-template-columns:230px minmax(230px,.85fr) minmax(0,1.15fr)}.mock-view-tabs{gap:7px}.mock-view-tabs>button{font-size:9px}.mock-workbench .draw-top h1{font-size:20px}.mock-workbench .draw-top p{font-size:10px}}
@media(max-width:800px){.mock-columns{grid-template-columns:minmax(0,1fr)}.mock-files{max-height:650px}.mock-list{min-height:350px}.mock-preview{min-height:550px}.mock-view-body{overflow:visible;min-height:420px}.mock-calibration-canvas>img,.mock-result-image{max-height:650px}.mock-view-tabs{gap:15px}.mock-view-tabs>button{font-size:11px}}

.mock-file a{color:#a8c7ef;font-size:10px;margin-left:5px}