.url-parser-header{border-bottom:0;padding-bottom:10px}.url-parser-main{padding-top:10px}.url-parser-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,1fr);overflow:hidden;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:18px;background:var(--surface);box-shadow:0 18px 45px #0f172a12}.url-parser-panel{min-width:0;padding:clamp(24px,3.5vw,34px)}.url-parser-result-panel{border-left:1px solid var(--line);background:linear-gradient(135deg,var(--brand-soft) 0%,var(--surface) 78%)}.url-parser-panel-heading{display:flex;align-items:flex-start;gap:11px;margin-bottom:25px}.url-parser-step{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;color:var(--brand);border-radius:8px;background:var(--brand-soft);font-size:.72rem;font-weight:760}.url-parser-panel h2{font-size:1rem;line-height:1.35}.url-parser-panel-heading p:not(.url-parser-step),.url-parser-privacy{margin-top:4px;color:var(--muted);font-size:.8rem;line-height:1.5}.url-parser-input-panel textarea{width:100%;min-height:210px;padding:15px 16px;border:1px solid color-mix(in srgb,var(--brand) 14%,var(--line-strong));border-radius:11px;background:var(--surface);color:var(--ink);outline:0;resize:vertical;font:.88rem/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.url-parser-input-panel textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}.url-parser-actions{display:flex;gap:8px;margin-top:16px}.url-parser-actions .btn{min-height:44px;margin:0}.url-parser-actions .btn:first-child{flex:1}.url-parser-privacy{margin-top:17px}.url-parser-status{margin-top:15px;padding:12px 14px;border:1px solid transparent;border-radius:9px;font-size:.84rem;font-weight:650}.url-parser-status.success{color:var(--success);border-color:color-mix(in srgb,var(--success) 32%,var(--line));background:color-mix(in srgb,var(--success) 8%,var(--surface))}.url-parser-status.error{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,var(--line));background:color-mix(in srgb,var(--danger) 7%,var(--surface))}.url-parser-parts{display:grid;grid-template-columns:minmax(84px,.38fr) minmax(0,1fr);margin:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand) 15%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--surface) 84%,transparent)}.url-parser-parts dt,.url-parser-parts dd{min-width:0;margin:0;padding:10px 12px;border-bottom:1px solid var(--line);font-size:.81rem;overflow-wrap:anywhere}.url-parser-parts dt{color:var(--muted);font-weight:700;background:color-mix(in srgb,var(--brand-soft) 55%,var(--surface))}.url-parser-parts dd{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.url-parser-parts dt:nth-last-of-type(1),.url-parser-parts dd:last-child{border-bottom:0}.url-parser-empty{display:grid;min-height:310px;place-items:center;padding:28px;border:1px dashed color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:11px;color:var(--muted);text-align:center;font-size:.86rem;line-height:1.6}.url-parser-query{margin-top:22px;padding:clamp(22px,3vw,30px);border:1px solid var(--line);border-radius:16px;background:var(--surface)}.url-parser-query-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.url-parser-query h2{font-size:1rem}.url-parser-query p{margin-top:5px;color:var(--muted);font-size:.8rem}.url-parser-query .btn{min-height:40px;margin:0;white-space:nowrap}.url-parser-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}.url-parser-query table{width:100%;border-collapse:collapse;font-size:.84rem}.url-parser-query th,.url-parser-query td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere}.url-parser-query th{color:var(--muted);background:var(--brand-soft);font-weight:700}.url-parser-query tbody tr:last-child td{border-bottom:0}.url-parser-query td{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@media (max-width: 760px){.url-parser-workbench{grid-template-columns:1fr}.url-parser-result-panel{border-top:1px solid var(--line);border-left:0}.url-parser-empty{min-height:180px}}@media (max-width: 420px){.url-parser-actions{flex-wrap:wrap}.url-parser-actions .btn:first-child{flex-basis:100%}.url-parser-actions .btn:not(:first-child){flex:1}.url-parser-query-heading{align-items:flex-start;flex-direction:column}.url-parser-query-heading .btn{width:100%}}