V1.1 Gut!

css/master.css

@@ -139,6 +139,7 @@ body {
     background: linear-gradient(135deg, #667eea15 0%, #764ba215 100%);
     border-radius: 12px;
     border: 2px solid #667eea;
+    flex-wrap: wrap;
 }
 
 .nav-button {
@@ -171,6 +172,32 @@ body {
     text-align: center;
 }
 
+.page-jump {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-left: 10px;
+    padding-left: 15px;
+    border-left: 2px solid rgba(102, 126, 234, 0.3);
+}
+
+#jumpToPageInput {
+    width: 60px;
+    padding: 8px;
+    border: 2px solid #667eea;
+    border-radius: 6px;
+    text-align: center;
+    font-size: 1em;
+    font-weight: 500;
+    color: #667eea;
+}
+
+#jumpToPageInput:focus {
+    outline: none;
+    border-color: #764ba2;
+    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
+}
+
 .page-selector label {
     display: inline-flex;
     align-items: center;
@@ -222,6 +249,46 @@ body {
     font-size: 0.9em;
 }
 
+.signature-placeholder {
+    background: white;
+    border: 2px dashed #667eea;
+    border-radius: 8px;
+    padding: 12px;
+    margin-bottom: 15px;
+    text-align: center;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+    max-width: 400px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.placeholder-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+}
+
+.placeholder-icon {
+    font-size: 1.8em;
+    opacity: 0.7;
+}
+
+.placeholder-text {
+    font-size: 0.9em;
+    color: #667eea;
+    font-weight: 500;
+}
+
+#placeholderSignatureImage {
+    max-width: 200px;
+    max-height: 80px;
+    width: auto;
+    height: auto;
+    margin-top: 8px;
+}
+
 .signature-overlay {
     position: absolute;
     border: 3px dashed #667eea;