.signature-studio{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(430px,.8fr);gap:22px;align-items:start;margin-top:24px}.signature-settings{display:grid;gap:16px}.signature-panel,.signature-preview-panel{padding:20px;border:1px solid var(--pv-line);border-radius:18px;background:#fff;box-shadow:0 14px 38px #17233b0d}.signature-panel h2,.signature-preview-panel h2{margin:0 0 14px;font-size:20px}.signature-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.signature-media-card{display:grid;align-content:start;gap:9px;padding:13px;border:1px solid #d8e0ed;border-radius:14px;background:#f8fafc}.signature-media-card>strong{min-height:34px;color:#17233b;font-size:13px}.signature-upload-preview{display:grid;place-items:center;width:100%;height:100px;overflow:hidden;border:1px dashed #aebbd0;border-radius:10px;background:#fff;color:#758198;font-size:11px}.signature-upload-preview img{display:block;width:100%;height:100%;object-fit:contain}.signature-media-card .pv-btn{justify-content:center;padding:8px;font-size:11px}.signature-media-card input[type=range],.signature-order-controls input[type=range]{width:100%}.signature-order-controls{margin-top:14px}.signature-preview-panel{position:sticky;top:88px}.signature-preview-head{display:flex;justify-content:space-between;gap:14px}.signature-preview-head p{margin:0;color:var(--pv-muted);font-size:11px}.signature-preview-head span{white-space:nowrap;color:var(--pv-muted);font-size:11px}.pv-signature-preview{display:flex;align-items:flex-start;justify-content:center;min-width:0;min-height:270px;padding:28px 12px;overflow:hidden;background:linear-gradient(135deg,#f7f9fc,#fff)}.signature-preview-scale{position:relative;flex:none;max-width:100%}.signature-preview-content{position:absolute;top:0;left:0;width:max-content;max-width:none;transform-origin:top left}.signature-preview-content table{max-width:none!important}.signature-status{min-height:20px;margin:8px 0 14px;color:var(--pv-muted);font-size:11px}.signature-export-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.signature-export-grid .pv-primary{grid-column:1/-1}@media(max-width:1100px){.signature-studio{grid-template-columns:1fr}.signature-preview-panel{position:static}.signature-media-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.signature-media-grid{grid-template-columns:1fr}.signature-export-grid{grid-template-columns:1fr}.signature-export-grid .pv-primary{grid-column:auto}}