.urlparse-tool{background:#fff;border-radius:16px;border:1px solid var(--gray-200);padding:2rem;margin-top:2rem}.urlparse-input-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.urlparse-url-input{flex:1;min-width:200px;padding:.65rem .875rem;border:1px solid var(--gray-300);border-radius:8px;font-size:.9rem;color:var(--gray-800);background:var(--gray-50);font-family:"Courier New",Courier,monospace;box-sizing:border-box;transition:border-color .2s}.urlparse-url-input:focus{outline:0;border-color:var(--primary-500);background:#fff}.urlparse-grid{display:flex;flex-wrap:wrap;gap:.875rem;margin-top:1.5rem}.urlparse-card{flex:1;min-width:160px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;padding:.875rem 1rem;display:flex;flex-direction:column;gap:.3rem}.urlparse-card-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--primary-600)}.urlparse-card-value,.urlparse-params-table td{font-family:"Courier New",Courier,monospace;word-break:break-all;color:var(--gray-800)}.urlparse-card-value{font-size:.85rem;min-height:1.2em}.urlparse-card-value.empty{color:var(--gray-400);font-style:italic}.urlparse-params-section{margin-top:1.25rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;padding:1rem 1.25rem;overflow-x:auto}.urlparse-params-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--primary-600);margin-bottom:.75rem}.urlparse-params-table{width:100%;border-collapse:collapse;font-size:.875rem}.urlparse-params-table th{text-align:left;padding:.5rem .75rem;background:var(--gray-200);color:var(--gray-700);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.urlparse-params-table td{padding:.5rem .75rem;border-bottom:1px solid var(--gray-200);font-size:.82rem}.urlparse-params-table td:first-child{font-weight:600;color:var(--primary-600);white-space:nowrap}.urlparse-params-table tr:last-child td{border-bottom:none}.urlparse-error{margin-top:1rem;padding:.875rem 1rem;border-radius:8px;background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;font-size:.875rem}@media (max-width:480px){.urlparse-input-row{flex-direction:column;align-items:stretch}.urlparse-card{min-width:120px}}