/* The preview sits above the quote sidebar, beside the production-file entry. */
.pcb-file-preview {
    min-width:0;
    margin:0 0 20px;
    color:#606875;
    font:13px/1.5 "Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;
}
.pcb-file-preview *, .pcb-file-preview *:before, .pcb-file-preview *:after { box-sizing:border-box; }
.pcb-preview-tabs { display:flex; align-items:stretch; height:34px; }
.pcb-file-preview .pcb-preview-tab {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:1 1 auto;
    min-width:0;
    margin:0;
    padding:0 14px;
    border:0;
    border-radius:0;
    background:#f1f2f4;
    color:#606875;
    font:inherit;
    cursor:pointer;
    white-space:nowrap;
}
.pcb-file-preview .pcb-preview-tab:first-child { flex:0 0 42%; }
.pcb-file-preview .pcb-preview-tab.is-active { z-index:1; background:#008740; color:#fff; }
.pcb-file-preview .pcb-preview-tab.is-active:after {
    content:"";
    position:absolute;
    top:0;
    right:-16px;
    width:16px;
    height:34px;
    background:linear-gradient(115deg,#008740 0%,#008740 49%,transparent 51%);
    pointer-events:none;
}
.pcb-file-preview .pcb-preview-tab:last-child.is-active:after { right:0; background:none; }
.pcb-file-preview .pcb-preview-tab:last-child.is-active:before {
    content:"";
    position:absolute;
    top:0;
    left:-16px;
    width:16px;
    height:34px;
    background:linear-gradient(115deg,transparent 0%,transparent 49%,#008740 51%);
    pointer-events:none;
}
.pcb-preview-body { display:flex; min-height:204px; padding:12px; border:1px solid #eceef0; border-top:0; background:#fff; }
.pcb-preview-canvas { display:flex; flex:1 1 auto; flex-direction:column; min-width:0; min-height:178px; border:1px solid #008740; border-radius:2px; background:#fff; }
.pcb-preview-panel { display:flex; flex:1 1 auto; min-height:132px; align-items:center; justify-content:center; padding:18px 12px; }
.pcb-preview-panel[hidden] { display:none; }
.pcb-preview-empty { margin:0; color:#a5aeb9; font-size:12px; text-align:center; line-height:1.8; overflow-wrap:anywhere; }
.pcb-preview-footer { display:flex; justify-content:flex-start; align-items:center; min-height:42px; padding:0 10px 10px; }
.pcb-preview-sides { display:flex; gap:6px; }
.pcb-file-preview .pcb-preview-side {
    min-width:44px;
    height:30px;
    margin:0;
    padding:0 10px;
    border:1px solid #e3e5e9;
    border-radius:2px;
    background:#f1f2f4;
    color:#8d959f;
    font:12px/28px "Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;
    cursor:pointer;
}
.pcb-file-preview .pcb-preview-side.is-active { border-color:#a5adb6; background:#e3e5e9; color:#404751; }
.pcb-file-preview button:focus-visible, .pcb-file-preview .pcb-preview-panel:focus-visible { outline:2px solid #008740; outline-offset:2px; }
.pcb-file-preview .pcb-preview-tab:focus-visible { outline-color:#ed8f27; outline-offset:-3px; }
.pcb-preview-side-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

.pcb-file-preview .pcb-preview-tab { padding:0 8px; }
.pcb-file-preview .pcb-preview-tab:first-child { flex:1 1 auto; }
.pcb-preview-panel.pcb-recognition-host { display:block; padding:10px; }
.pcb-preview-panel.pcb-recognition-host[hidden], .pcb-preview-footer[hidden] { display:none; }
.pcb-recognition-host > .pcb-preview-empty { margin:45px 0; }
.pcb-recognition-host .pcb-recognized-preview { padding:0; margin:0; border:0; }