chore: UI spacing tweaks, desktop scrolling fix, QR title alignment

src/components/tools/ClipboardSniffer.vue

@@ -16,7 +16,7 @@ const {
   stopListening
 } = useExtension()
 
-const { height: textareaHeight } = useFillHeight(textareaRef, 40)
+const { height: textareaHeight } = useFillHeight(textareaRef, 120)
 
 // Watch for clipboard updates from extension
 watch(lastClipboardText, (newText) => {
@@ -112,6 +112,7 @@ const clearText = () => {
   justify-content: center;
   gap: 1rem;
   flex-wrap: wrap;
+  flex-shrink: 0;
 }
 
 .tool-container.full-width {
@@ -126,6 +127,9 @@ const clearText = () => {
   flex-direction: column;
   height: 100%;
   gap: 1.5rem;
+  /* Override shared tool-panel scroll for this tool */
+  max-height: none;
+  overflow: hidden;
 }
 
 .tool-textarea {
@@ -154,4 +158,9 @@ const clearText = () => {
   transform: translateY(-50%);
   display: flex;
 }
+
+.result-area {
+  flex: 1;
+  display: flex;
+}
 </style>

src/components/tools/QrScanner.vue

@@ -427,6 +427,9 @@ const isUrl = (string) => {
   justify-content: center;
   align-items: center;
   margin-bottom: 0.5rem;
+  margin-top: 0;
+  position: relative;
+  width: 100%;
 }
 
 .scanner-content {