.placeholder-icon[data-v-d7355de5]{font-size:5rem;margin-bottom:1.5rem;text-align:center}.placeholder-text[data-v-d7355de5]{font-size:1.1rem;color:var(--text-secondary, #6B7280);text-align:center}.tool-page[data-v-fd367ad6]{max-width:900px;margin:0 auto}.back-button[data-v-fd367ad6]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #E1E2E5;border-radius:8px;background:#fff;color:#6b6f76;cursor:pointer;margin-bottom:1.25rem;transition:all .15s ease}.back-button[data-v-fd367ad6]:hover{border-color:#b0b3b9;color:#1c1c1e}.tool-header[data-v-fd367ad6]{margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid #E1E2E5}.tool-header h1[data-v-fd367ad6]{font-size:1.625rem;font-weight:700;color:#1c1c1e;margin-bottom:.375rem;letter-spacing:-.01em}.tool-description[data-v-fd367ad6]{font-size:.9375rem;color:#8e9399;line-height:1.6}.tool-instructions[data-v-fd367ad6]{background:#fff;border:1px solid #E1E2E5;border-radius:10px;padding:1.125rem 1.375rem;margin-bottom:1.5rem}.tool-component-wrapper[data-v-fd367ad6]{margin-bottom:2rem}.instructions-title[data-v-fd367ad6]{font-size:.8125rem;font-weight:600;color:#6b6f76;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem}.instructions-list[data-v-fd367ad6]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.instructions-list li[data-v-fd367ad6]{display:flex;align-items:flex-start;gap:.625rem;font-size:.875rem;color:#3a3d42;line-height:1.6}.instructions-list li .step[data-v-fd367ad6]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;background:#eff0f2;color:#6b6f76;font-size:.6875rem;font-weight:600;flex-shrink:0;margin-top:.15rem}.related-tools h2[data-v-fd367ad6]{font-size:1.75rem;color:#1a1a2e;margin-bottom:1.5rem}.tools-grid[data-v-fd367ad6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.not-found[data-v-fd367ad6]{text-align:center;padding:4rem 0}.not-found h1[data-v-fd367ad6]{font-size:2rem;color:#1a1a2e;margin-bottom:1.5rem}.not-found a[data-v-fd367ad6]{color:#667eea;text-decoration:none;font-size:1.1rem}.not-found a[data-v-fd367ad6]:hover{text-decoration:underline}.tool-body{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 700px){.tool-body{grid-template-columns:1fr}}.tool-body-single{display:flex;flex-direction:column;gap:1.5rem}.settings-panel,.result-panel{background:#fff;border:1px solid var(--border-color, #E5E7EB);border-radius:12px;padding:1.5rem}.panel-label{color:var(--text-primary, #1F2937);font-weight:700;font-size:.875rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.03em}.btn-generate,.btn-primary{background:var(--primary-color, #3B82F6);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-generate:hover,.btn-primary:hover{background:var(--primary-hover, #2563EB)}.btn-copy,.btn-secondary{background:var(--secondary-color, #10B981);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-copy:hover,.btn-secondary:hover{opacity:.9}.btn-outline{background:#fff;color:var(--primary-color, #3B82F6);border:1.5px solid var(--primary-color, #3B82F6);padding:10px 20px;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-outline:hover{background:var(--primary-color, #3B82F6);color:#fff}.tool-input{width:100%;padding:10px 14px;border:1.5px solid var(--border-color, #E5E7EB);border-radius:8px;font-size:.9375rem;color:var(--text-primary, #1F2937);background:#fff;transition:border-color .15s ease}.tool-input:focus{outline:none;border-color:var(--primary-color, #3B82F6)}.tool-textarea{width:100%;min-height:120px;padding:10px 14px;border:1.5px solid var(--border-color, #E5E7EB);border-radius:8px;font-size:.9375rem;font-family:monospace;color:var(--text-primary, #1F2937);background:#fff;resize:vertical;transition:border-color .15s ease}.tool-textarea:focus{outline:none;border-color:var(--primary-color, #3B82F6)}.tool-select{padding:10px 14px;border:1.5px solid var(--border-color, #E5E7EB);border-radius:8px;font-size:.9375rem;color:var(--text-primary, #1F2937);background:#fff;cursor:pointer;transition:border-color .15s ease}.tool-select:focus{outline:none;border-color:var(--primary-color, #3B82F6)}.tool-checkbox-group{display:flex;flex-wrap:wrap;gap:.75rem}.tool-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none}