.url-parser-tool[data-v-5d26f931]{display:flex;flex-direction:column;gap:1.5rem}.input-section[data-v-5d26f931]{display:flex;flex-direction:column;gap:1rem}.input-wrapper[data-v-5d26f931]{width:100%}.url-input[data-v-5d26f931]{width:100%;padding:1rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:.9rem;line-height:1.5;resize:vertical;transition:all .15s ease}.url-input[data-v-5d26f931]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.url-input[data-v-5d26f931]::placeholder{color:var(--color-text-muted)}.action-buttons[data-v-5d26f931]{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn[data-v-5d26f931]{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.85rem;transition:all .15s ease}.action-btn[data-v-5d26f931]:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.action-btn.primary[data-v-5d26f931]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-deep)}.action-btn.primary[data-v-5d26f931]:hover{background:var(--color-primary-light)}.btn-icon[data-v-5d26f931]{font-size:1rem}.error-message[data-v-5d26f931]{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:.9rem}.url-structure-section[data-v-5d26f931]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.section-header[data-v-5d26f931]{padding:.75rem 1rem;background:var(--color-bg-base);border-bottom:1px solid var(--color-border)}.section-title[data-v-5d26f931]{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.url-structure[data-v-5d26f931]{padding:1.5rem;font-family:var(--font-mono);font-size:.9rem;line-height:2;word-break:break-all;overflow-x:auto}.url-part[data-v-5d26f931]{position:relative;display:inline}.url-part .part-value[data-v-5d26f931]{font-weight:500}.url-part .part-label[data-v-5d26f931]{position:absolute;top:100%;left:0;font-size:.65rem;color:inherit;opacity:.7;white-space:nowrap;pointer-events:none}.result-section[data-v-5d26f931]{display:flex;flex-direction:column;gap:1rem}.parts-card[data-v-5d26f931]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.card-header[data-v-5d26f931]{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:var(--color-bg-base);border-bottom:1px solid var(--color-border)}.card-title[data-v-5d26f931]{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.param-count[data-v-5d26f931]{font-size:.75rem;color:var(--color-text-muted);padding:.25rem .5rem;background:var(--color-bg-elevated);border-radius:var(--radius-sm)}.card-content[data-v-5d26f931]{padding:1rem}.parts-list[data-v-5d26f931]{display:grid;gap:.75rem}.part-item[data-v-5d26f931]{display:flex;flex-direction:column;gap:.375rem;padding:.75rem;background:var(--color-bg-base);border-radius:var(--radius-md)}.part-header[data-v-5d26f931]{display:flex;align-items:center;gap:.5rem}.part-name[data-v-5d26f931]{font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--color-text-primary)}.part-desc[data-v-5d26f931]{font-size:.75rem;color:var(--color-text-muted)}.part-value-row[data-v-5d26f931]{display:flex;align-items:center;gap:.5rem}.part-code[data-v-5d26f931]{flex:1;padding:.375rem .5rem;background:var(--color-bg-surface);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.85rem;word-break:break-all}.part-code.protocol[data-v-5d26f931]{color:#ef4444}.part-code.username[data-v-5d26f931]{color:#f97316}.part-code.password[data-v-5d26f931]{color:#f59e0b}.part-code.host[data-v-5d26f931],.part-code.hostname[data-v-5d26f931]{color:#22c55e}.part-code.port[data-v-5d26f931]{color:#14b8a6}.part-code.pathname[data-v-5d26f931]{color:#3b82f6}.part-code.search[data-v-5d26f931]{color:#8b5cf6}.part-code.hash[data-v-5d26f931]{color:#ec4899}.part-code.origin[data-v-5d26f931]{color:var(--color-primary)}.copy-mini-btn[data-v-5d26f931]{padding:.25rem .5rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.7rem;transition:all .15s ease;white-space:nowrap}.copy-mini-btn[data-v-5d26f931]:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-deep)}.empty-params[data-v-5d26f931]{padding:2rem;text-align:center;color:var(--color-text-muted);font-size:.9rem}.params-list[data-v-5d26f931]{display:flex;flex-direction:column;gap:.5rem}.param-item[data-v-5d26f931]{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--color-bg-base);border-radius:var(--radius-md);flex-wrap:wrap}.param-key code[data-v-5d26f931]{font-family:var(--font-mono);font-size:.85rem;color:var(--color-accent);background:none;padding:0}.param-equals[data-v-5d26f931]{color:var(--color-text-muted);font-family:var(--font-mono)}.param-value[data-v-5d26f931]{flex:1;min-width:120px}.param-value-input[data-v-5d26f931]{width:100%;padding:.375rem .5rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);font-family:var(--font-mono);font-size:.85rem}.param-value-input[data-v-5d26f931]:focus{outline:none;border-color:var(--color-primary)}.param-decoded[data-v-5d26f931]{display:flex;align-items:center;gap:.375rem;width:100%;padding-top:.5rem;margin-top:.25rem;border-top:1px dashed var(--color-border)}.decoded-label[data-v-5d26f931]{font-size:.75rem;color:var(--color-text-muted)}.decoded-value[data-v-5d26f931]{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-secondary);background:none;padding:0}.remove-param-btn[data-v-5d26f931]{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.75rem;transition:all .15s ease}.remove-param-btn[data-v-5d26f931]:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.add-param-section[data-v-5d26f931]{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.add-param-title[data-v-5d26f931]{display:block;font-size:.8rem;color:var(--color-text-muted);margin-bottom:.75rem}.add-param-form[data-v-5d26f931]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.param-input[data-v-5d26f931]{flex:1;min-width:100px;padding:.5rem .75rem;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:.85rem}.param-input[data-v-5d26f931]:focus{outline:none;border-color:var(--color-primary)}.add-param-btn[data-v-5d26f931]{padding:.5rem 1rem;background:var(--color-primary);color:var(--color-bg-deep);font-size:.85rem;font-weight:500;border-radius:var(--radius-md);transition:all .15s ease}.add-param-btn[data-v-5d26f931]:hover:not(:disabled){background:var(--color-primary-light)}.add-param-btn[data-v-5d26f931]:disabled{opacity:.5;cursor:not-allowed}.empty-state[data-v-5d26f931]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon[data-v-5d26f931]{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p[data-v-5d26f931]{color:var(--color-text-muted);font-size:.9rem}