.signature-container[data-v-0d7cf622]{background:#fff;border:1px solid #ced4da;position:relative}.signature-container.fullscreen-mode[data-v-0d7cf622]{background:#f8f9fa;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh!important;left:0;position:fixed;top:0;width:100vw!important;z-index:9999;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:visible}.signature-container.fullscreen-mode canvas[data-v-0d7cf622]{height:100%!important;max-height:100vh;max-width:100vw;width:100%!important}.signature-container[data-v-0d7cf622]:not(.fullscreen-mode){overflow:hidden}.signature-container:not(.fullscreen-mode) canvas[data-v-0d7cf622]{max-height:100%;max-width:100%}.clear-button[data-v-0d7cf622]{cursor:pointer;position:absolute;right:0;top:0;z-index:2}.clear-button.has-delete-btn[data-v-0d7cf622]{right:14px}.sign-guide[data-v-0d7cf622]{position:absolute;top:.5em;width:100%;z-index:0}.fullscreen-mode .sign-guide[data-v-0d7cf622]{color:#495057;font-size:1.2rem;font-weight:600;top:20px}canvas[data-v-0d7cf622]{-ms-touch-action:none;touch-action:none;will-change:transform}.fullscreen-button[data-v-0d7cf622]{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;bottom:8px;color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.875rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 2px 8px rgba(0,123,255,.3);box-shadow:0 2px 8px #007bff4d;gap:.375rem;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:3}.fullscreen-button[data-v-0d7cf622]:hover{background:linear-gradient(135deg,#0056b3,#004085);-webkit-box-shadow:0 4px 12px rgba(0,123,255,.4);box-shadow:0 4px 12px #007bff66;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.fullscreen-button .material-icons[data-v-0d7cf622]{font-size:18px}.fullscreen-controls[data-v-0d7cf622]{bottom:30px;gap:1rem;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translate(-50%);z-index:10}.control-btn[data-v-0d7cf622],.fullscreen-controls[data-v-0d7cf622]{display:-webkit-box;display:-ms-flexbox;display:flex}.control-btn[data-v-0d7cf622]{background:#fff;border:2px solid #dee2e6;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.1);box-shadow:0 4px 15px #0000001a;gap:.5rem;min-width:140px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.control-btn .material-icons[data-v-0d7cf622]{font-size:24px}.done-btn[data-v-0d7cf622]{background:linear-gradient(135deg,#28a745,#218838);border-color:#28a745;color:#fff}.done-btn[data-v-0d7cf622]:hover{background:linear-gradient(135deg,#218838,#1e7e34);-webkit-box-shadow:0 6px 20px rgba(40,167,69,.4);box-shadow:0 6px 20px #28a74566;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.clear-btn[data-v-0d7cf622]{background:linear-gradient(135deg,#dc3545,#c82333);border-color:#dc3545;color:#fff}.clear-btn[data-v-0d7cf622]:hover{background:linear-gradient(135deg,#c82333,#bd2130);-webkit-box-shadow:0 6px 20px rgba(220,53,69,.4);box-shadow:0 6px 20px #dc354566;-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:768px){.fullscreen-button[data-v-0d7cf622]{font-size:.8rem;padding:.625rem 1.125rem}.fullscreen-button .material-icons[data-v-0d7cf622]{font-size:16px}.fullscreen-controls[data-v-0d7cf622]{bottom:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.75rem}.control-btn[data-v-0d7cf622]{font-size:1rem;min-width:120px;padding:.875rem 1.5rem}.control-btn .material-icons[data-v-0d7cf622]{font-size:20px}.fullscreen-mode .sign-guide[data-v-0d7cf622]{font-size:1rem}}@media (max-width:480px){.fullscreen-button span[data-v-0d7cf622]{display:none}.fullscreen-button[data-v-0d7cf622]{border-radius:50%;height:40px;padding:.5rem;width:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}