.signature-container[data-v-69c62a97]{display:flex;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#f8f9fa;color:#333}.header[data-v-69c62a97]{background-color:#fff;padding:20px 16px;border-bottom:1px solid #e0e0e0;text-align:center}.header h1[data-v-69c62a97]{margin:0 0 8px;font-size:24px;font-weight:600;color:#06c}.subtitle[data-v-69c62a97]{font-size:14px;color:#666}.main-content[data-v-69c62a97]{display:flex;flex-direction:column;flex:1;padding:20px 16px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}@media(min-width:768px){.main-content[data-v-69c62a97]{flex-direction:row;gap:30px}.canvas-wrapper[data-v-69c62a97]{flex:2}.controls-panel[data-v-69c62a97]{flex:1;min-width:300px}}.canvas-wrapper[data-v-69c62a97]{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-bottom:20px}.canvas-header[data-v-69c62a97],.canvas-footer[data-v-69c62a97]{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0}.canvas-footer[data-v-69c62a97]{border-top:1px solid #e0e0e0;border-bottom:none}.canvas-title[data-v-69c62a97]{font-weight:600;font-size:18px;color:#333}.canvas-size[data-v-69c62a97]{font-size:14px;color:#666}.canvas-container[data-v-69c62a97]{padding:20px;background-color:#fff;display:flex;justify-content:center;align-items:center;min-height:300px}canvas[data-v-69c62a97]{display:block;border:1px solid #e0e0e0;border-radius:4px;cursor:crosshair;touch-action:none;max-width:100%;height:auto}.controls-panel[data-v-69c62a97]{display:flex;flex-direction:column;gap:24px}.control-section[data-v-69c62a97]{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.control-section h3[data-v-69c62a97]{margin:0 0 16px;font-size:18px;font-weight:600;color:#333;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.color-picker[data-v-69c62a97]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.color-option[data-v-69c62a97]{width:40px;height:40px;border-radius:50%;cursor:pointer;transition:transform .2s,box-shadow .2s;border:2px solid transparent}.color-option[data-v-69c62a97]:hover{transform:scale(1.1)}.color-option.active[data-v-69c62a97]{border-color:#06c;box-shadow:0 0 0 2px #06c3}.color-info[data-v-69c62a97]{display:flex;align-items:center;font-size:14px;color:#666}.color-sample[data-v-69c62a97]{display:inline-block;width:20px;height:20px;border-radius:4px;margin-left:8px;vertical-align:middle}.export-buttons[data-v-69c62a97]{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px}@media(min-width:480px){.export-buttons[data-v-69c62a97]{grid-template-columns:1fr 1fr}}.btn[data-v-69c62a97]{padding:14px 20px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s;text-align:center;display:inline-flex;align-items:center;justify-content:center;min-height:48px;-webkit-user-select:none;user-select:none}.btn[data-v-69c62a97]:active{transform:translateY(1px)}.btn[data-v-69c62a97]:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-clear[data-v-69c62a97]{background-color:#ff4d4f;color:#fff}.btn-clear[data-v-69c62a97]:not(:disabled):hover{background-color:#ff7875}.btn-undo[data-v-69c62a97]{background-color:#666;color:#fff}.btn-undo[data-v-69c62a97]:not(:disabled):hover{background-color:#888}.btn-export[data-v-69c62a97]{background-color:#06c;color:#fff}.btn-export[data-v-69c62a97]:not(:disabled):hover{background-color:#1890ff}.btn-svg-transparent[data-v-69c62a97]{background-color:#666}.btn-svg-transparent[data-v-69c62a97]:not(:disabled):hover{background-color:#888}.export-option[data-v-69c62a97]{display:flex;align-items:center}.checkbox-label[data-v-69c62a97]{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#666}.checkbox-label input[data-v-69c62a97]{margin-right:8px;width:18px;height:18px;cursor:pointer}.tips ul[data-v-69c62a97]{margin:0;padding-left:20px;color:#666;font-size:14px;line-height:1.6}