.signature-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:stretch;gap:22px;display:grid}.signature-main,.signature-controls{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:18px;box-shadow:0 1px 4px #0000000d}.signature-section-title{color:#111;margin:0 0 12px;font-size:15px;font-weight:800}.signature-preview{background:#2f3338;border:1.5px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;height:332px;padding:18px;display:flex;overflow:auto}.signature-frame{background:#fff;border:2px solid #c00;flex:none;position:relative;overflow:hidden;box-shadow:0 0 0 9999px #00000061,0 10px 28px #0000003d}.signature-frame-image{transform-origin:50%;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none;max-width:none;display:block;position:absolute;top:50%;left:50%}.signature-frame-image:active{cursor:grabbing}.signature-preview-meta{color:#666;text-align:center;margin-top:10px;font-size:12px;font-weight:800}.signature-adjust-card,.signature-size-card{background:#fff8f8;border:1px solid #cc000024;border-radius:12px;gap:12px;margin-top:14px;padding:14px;display:grid}.signature-adjust-card button{color:#fff;background:#c00;border:1.5px solid #c00;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 12px;font-size:14px;font-weight:800;display:flex}.signature-adjust-card label,.signature-size-card label{color:#111;flex-direction:column;gap:8px;font-size:13px;font-weight:800;display:flex}.signature-adjust-card input{accent-color:#c00}.signature-preset-row{grid-template-columns:1fr;gap:10px;margin-bottom:16px;display:grid}.signature-preset-row button{color:#222;text-align:left;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:12px;font-size:14px;font-weight:800;transition:border-color .2s,color .2s,background .2s}.signature-preset-row button span{color:#777;margin-top:3px;font-size:12px;display:block}.signature-preset-row button:hover{color:#c00;background:#fff8f8;border-color:#c00}.signature-size-card{grid-template-columns:repeat(2,minmax(0,1fr))}.signature-size-card input{color:#111;border:1.5px solid #d1d5db;border-radius:9px;outline:none;width:100%;padding:10px 11px;font-size:15px}.signature-size-card input:focus{border-color:#c00;box-shadow:0 0 0 4px #cc000014}.signature-current-size{color:#555;margin-top:12px;font-size:13px;font-weight:800}@media (max-width:767px){.signature-layout{grid-template-columns:1fr}.signature-preview{height:360px;padding:12px}.signature-main,.signature-controls{min-height:auto}}.signature-cropper-info{color:#1a1a1a}.signature-cropper-info .info-block{margin-bottom:36px}.signature-cropper-info h2{letter-spacing:-.4px;color:#111;margin-bottom:12px;font-size:1.5rem;font-weight:700}.signature-cropper-info h3{color:#111;margin-bottom:12px;font-size:1.15rem;font-weight:700}.signature-cropper-info p{color:#555;margin-bottom:10px;font-size:.92rem;line-height:1.7}.signature-cropper-info p:last-child{margin-bottom:0}.signature-cropper-info .info-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.signature-cropper-info .info-list li{color:#555;padding-left:20px;font-size:.9rem;line-height:1.6;position:relative}.signature-cropper-info .info-list li:before{content:"";background:#c00;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;left:0}.signature-cropper-info .info-list li b{color:#222}.signature-cropper-info .info-list--plain li:before{background:#9ca3af}.signature-cropper-info .faq-list{flex-direction:column;gap:10px;display:flex}.signature-cropper-info .faq-item{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:14px 18px;transition:border-color .2s}.signature-cropper-info .faq-item[open]{border-color:#c00}.signature-cropper-info .faq-item summary{cursor:pointer;color:#111;justify-content:space-between;align-items:center;font-size:.92rem;font-weight:600;list-style:none;display:flex}.signature-cropper-info .faq-item summary::-webkit-details-marker{display:none}.signature-cropper-info .faq-item summary:after{content:"+";color:#c00;flex-shrink:0;margin-left:12px;font-size:1.2rem;font-weight:400;transition:transform .2s}.signature-cropper-info .faq-item[open] summary:after{transform:rotate(45deg)}.signature-cropper-info .faq-item p{color:#666;margin-top:10px;font-size:.86rem}@media (max-width:767px){.signature-cropper-info{margin-top:30px}.signature-cropper-info h2{font-size:1.3rem}}