[data-v-34e4c1c6]{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body[data-v-34e4c1c6]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;-ms-flex-direction:column;flex-direction:column;overflow:hidden;position:relative}.container[data-v-34e4c1c6],body[data-v-34e4c1c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}.container[data-v-34e4c1c6]{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:20px;max-width:600px;width:100%;margin:0 auto;min-height:0}.header[data-v-34e4c1c6]{text-align:center;color:#fff;margin-bottom:20px;-webkit-animation:fadeInDown-data-v-34e4c1c6 .5s ease;animation:fadeInDown-data-v-34e4c1c6 .5s ease;-ms-flex-negative:0;flex-shrink:0}.header h1[data-v-34e4c1c6]{font-size:24px;font-weight:600;margin-bottom:8px}.header p[data-v-34e4c1c6]{font-size:14px;opacity:.9}.signature-area[data-v-34e4c1c6]{background:#fff;border-radius:16px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2);padding:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-animation:fadeInUp-data-v-34e4c1c6 .5s ease;animation:fadeInUp-data-v-34e4c1c6 .5s ease;min-height:0}.canvas-wrapper[data-v-34e4c1c6]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;background:#fafafa;border-radius:12px;overflow:hidden;border:2px dashed #e0e0e0;-webkit-transition:all .3s;transition:all .3s;min-height:300px}.canvas-wrapper.active[data-v-34e4c1c6]{border-color:#667eea;background:#f5f3ff;-webkit-box-shadow:0 0 20px rgba(102,126,234,.1);box-shadow:0 0 20px rgba(102,126,234,.1)}.canvas-wrapper.has-signature[data-v-34e4c1c6]{border-color:#10b981;background:#f0fdf4}#signatureCanvas[data-v-34e4c1c6]{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;-ms-touch-action:none;touch-action:none}.placeholder[data-v-34e4c1c6]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#999;font-size:16px;pointer-events:none;-webkit-transition:all .3s;transition:all .3s;z-index:1}.placeholder.hidden[data-v-34e4c1c6]{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9)}.signature-status[data-v-34e4c1c6]{position:absolute;top:10px;right:10px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;opacity:0;-webkit-transition:all .3s;transition:all .3s;z-index:2}.signature-status.show[data-v-34e4c1c6]{opacity:1}.signature-status.empty[data-v-34e4c1c6]{background:#fef3c7;color:#92400e}.signature-status.valid[data-v-34e4c1c6]{background:#d1fae5;color:#065f46}.controls[data-v-34e4c1c6]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;margin-top:20px;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-negative:0;flex-shrink:0}.btn[data-v-34e4c1c6]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:100px;padding:14px 20px;border:none;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;position:relative;overflow:hidden}.btn[data-v-34e4c1c6]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.5);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:width .6s,height .6s;transition:width .6s,height .6s}.btn[data-v-34e4c1c6]:active:before{width:300px;height:300px}.btn-clear[data-v-34e4c1c6]{background:#f5f5f5;color:#666}.btn-clear[data-v-34e4c1c6]:hover{background:#e8e8e8;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-save[data-v-34e4c1c6]{background:linear-gradient(135deg,#6e6e6e,#764ba2);color:#fff}.btn-save[data-v-34e4c1c6]:hover:not(:disabled){-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 10px 20px rgba(102,126,234,.4);box-shadow:0 10px 20px rgba(102,126,234,.4)}.btn-save[data-v-34e4c1c6]:disabled{opacity:.5;cursor:not-allowed;-webkit-transform:none;transform:none}.btn-save.invalid[data-v-34e4c1c6]{background:#11810d;cursor:not-allowed}.pen-settings[data-v-34e4c1c6]{gap:15px;margin-bottom:15px;padding:15px;background:#f8f9fa;border-radius:10px;-ms-flex-negative:0;flex-shrink:0}.pen-settings[data-v-34e4c1c6],.pen-size[data-v-34e4c1c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pen-size[data-v-34e4c1c6]{gap:10px;-webkit-box-flex:1;-ms-flex:1;flex:1}.pen-size label[data-v-34e4c1c6]{font-size:14px;color:#666;white-space:nowrap}.size-slider[data-v-34e4c1c6]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:6px;border-radius:3px;background:#e0e0e0;outline:none}.size-slider[data-v-34e4c1c6]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.size-slider[data-v-34e4c1c6]::-webkit-slider-thumb:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.size-value[data-v-34e4c1c6]{min-width:30px;text-align:center;font-weight:600;color:#667eea}.color-picker[data-v-34e4c1c6]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.color-option[data-v-34e4c1c6]{width:32px;height:32px;border-radius:50%;cursor:pointer;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;border:3px solid transparent}.color-option[data-v-34e4c1c6]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.color-option.active[data-v-34e4c1c6]{border-color:#667eea;-webkit-transform:scale(1.15);transform:scale(1.15)}.toast[data-v-34e4c1c6]{position:fixed;bottom:100px;left:50%;-webkit-transform:translateX(-50%) translateY(100px);transform:translateX(-50%) translateY(100px);background:rgba(0,0,0,.8);color:#fff;padding:12px 24px;border-radius:25px;font-size:14px;opacity:0;-webkit-transition:all .3s;transition:all .3s;z-index:1000}.toast.show[data-v-34e4c1c6]{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);opacity:1}.toast.error[data-v-34e4c1c6]{background:#ef4444}.toast.success[data-v-34e4c1c6]{background:#10b981}@-webkit-keyframes fadeInDown-data-v-34e4c1c6{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown-data-v-34e4c1c6{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInUp-data-v-34e4c1c6{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp-data-v-34e4c1c6{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes shake-data-v-34e4c1c6{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}75%{-webkit-transform:translateX(5px);transform:translateX(5px)}}@keyframes shake-data-v-34e4c1c6{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}75%{-webkit-transform:translateX(5px);transform:translateX(5px)}}.shake[data-v-34e4c1c6]{-webkit-animation:shake-data-v-34e4c1c6 .3s ease-in-out;animation:shake-data-v-34e4c1c6 .3s ease-in-out}.undo-redo[data-v-34e4c1c6]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.btn-icon[data-v-34e4c1c6]{width:44px;height:44px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f5f5f5;color:#666;font-size:20px}.btn-icon[data-v-34e4c1c6]:disabled{opacity:.3;cursor:not-allowed}@media (max-width:480px){.container[data-v-34e4c1c6]{padding:15px}.header h1[data-v-34e4c1c6]{font-size:20px}.pen-settings[data-v-34e4c1c6]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.controls[data-v-34e4c1c6]{gap:8px}.btn[data-v-34e4c1c6]{padding:12px 16px;font-size:14px}.canvas-wrapper[data-v-34e4c1c6]{min-height:500px}}