*,:before,:after{box-sizing:border-box}:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Code", "Fira Code", Consolas, monospace;--bg:#f9f9f9;--surface:#fff;--surface-2:#f3f3f3;--border:#e4e4e4;--border-strong:#c8c8c8;--text:#1a1a1a;--text-muted:#888;--text-faint:#bbb;--scheme:#5a5a5a;--hostname:#1a1a1a;--port:#888;--path:#444;--key:#555;--badge-bg:#e8e8e8;--badge-text:#555;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111;--surface:#1c1c1c;--surface-2:#252525;--border:#2a2a2a;--border-strong:#444;--text:#e8e8e8;--text-muted:#888;--text-faint:#444;--scheme:#888;--hostname:#e8e8e8;--port:#888;--path:#bbb;--key:#999;--badge-bg:#2e2e2e;--badge-text:#888}}html,body{background:var(--bg);font-family:var(--sans);color:var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100svh;margin:0;padding:0;font-size:100%;display:flex}main{flex:1;width:100%;max-width:60rem;margin:0 auto;padding:0 1.5rem 3rem}.app-header{align-items:center;gap:1rem;padding:3rem 0 2rem;display:flex}.app-logo{flex-shrink:0;width:2.75rem;height:2.75rem}.app-title{letter-spacing:-.03125rem;color:var(--text);font-size:1.375rem;font-weight:600;font-family:var(--mono);margin:0}.app-subtitle{color:var(--text-muted);margin:0;font-size:.8125rem}.app-main{flex-direction:column;gap:1.5rem;display:flex}.input-wrapper{position:relative}.url-input{width:100%;font-family:var(--mono);background:var(--surface);color:var(--text);border:.0625rem solid var(--border-strong);resize:vertical;border-radius:.375rem;outline:none;padding:.875rem 1rem;font-size:.9375rem;line-height:1.6;transition:border-color .15s}.url-input:focus{border-color:var(--text-muted)}.url-input::placeholder{color:var(--text-faint)}.clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem .375rem;font-size:.8125rem;line-height:1;position:absolute;top:.875rem;right:1rem}.clear-btn:hover{background:var(--surface-2);color:var(--text)}.copy-url-btn{position:absolute;bottom:.875rem;right:1rem}.url-actions{gap:.25rem;display:flex}.url-actions a.copy-btn{text-decoration:none}.url-display{border:.0625rem solid var(--border);background:var(--border);border-radius:.5rem;flex-direction:column;gap:.0625rem;display:flex;overflow:hidden}.url-error{background:var(--surface);border:.0625rem solid var(--border);border-radius:.5rem;align-items:center;gap:.75rem;padding:1rem;display:flex}.error-label{text-transform:uppercase;letter-spacing:.03125rem;color:var(--text-faint);font-size:.6875rem}.error-message{font-family:var(--mono);color:var(--text-muted);font-size:.8125rem}.url-section{background:var(--surface);flex-direction:column;gap:.5rem;padding:.875rem 1rem;display:flex}.section-header{justify-content:space-between;align-items:center;display:flex}.section-label{text-transform:uppercase;letter-spacing:.05rem;color:var(--text-faint);margin:0;font-size:.625rem;font-weight:500}.url-section[aria-label=origin] .section-label{color:#4338ca}.url-section[aria-label=path] .section-label{color:#15803d}.url-section[aria-label=parameters] .section-label{color:#92400e}.url-section[aria-label=fragment] .section-label{color:#b45309}@media (prefers-color-scheme:dark){.url-section[aria-label=origin] .section-label{color:#818cf8}.url-section[aria-label=path] .section-label{color:#4ade80}.url-section[aria-label=parameters] .section-label{color:#fbbf24}.url-section[aria-label=fragment] .section-label{color:#fb923c}}.section-content{flex-direction:column;gap:.25rem;display:flex}.origin-row{font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:0;font-size:1rem;display:flex}.scheme{color:var(--scheme)}.separator{color:var(--text-faint)}.username{color:var(--text-muted)}.password{color:var(--text-faint)}.hostname{color:var(--hostname);font-weight:500}.port{color:var(--port)}.origin-row .copy-btn{margin-left:.625rem}.origin-meta{border-top:.0625rem solid var(--border);flex-direction:column;gap:.25rem;margin-top:.5rem;padding-top:.5rem;display:flex}.meta-row{align-items:center;gap:.5rem;display:flex}.meta-label{color:var(--text-faint);min-width:5rem;font-size:.75rem}.meta-value{color:var(--text);font-size:.9375rem}.path-segment-row{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.path-slash{color:var(--text-faint);font-family:var(--mono);font-size:.9375rem;line-height:1.5rem}.path-segment{color:var(--path);word-break:break-all;font-size:.9375rem;line-height:1.5rem}.param-row{flex-direction:column;gap:.375rem;display:flex}.param-main{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.param-group{flex-direction:column;gap:.25rem;display:flex}.param-group-header{align-items:center;gap:.375rem;display:flex}.param-count{font-size:.6875rem;font-family:var(--sans);color:var(--text-faint);background:var(--surface-2);border:.0625rem solid var(--border);border-radius:.1875rem;padding:0 .3rem;line-height:1.5}.param-group-row{border-left:.125rem solid var(--border);flex-wrap:wrap;align-items:center;gap:.25rem;margin-left:.25rem;padding-left:1rem;display:flex}.param-key{font-family:var(--mono);color:var(--key);font-size:.9375rem;line-height:1.5rem}.param-eq{color:var(--text-faint);font-family:var(--mono);font-size:.9375rem;line-height:1.5rem}.param-value{color:var(--text);word-break:break-all;font-size:.9375rem;line-height:1.5rem}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row-key{font-family:var(--mono);color:var(--text-muted);min-width:5rem;font-size:.75rem}.row-value{color:var(--text);word-break:break-all;font-size:.8125rem}.mono{font-family:var(--mono)}.editable-value{cursor:text;border-radius:.1875rem;margin:0 -.125rem;padding:0 .125rem;transition:background .1s}.editable-value:hover{background:var(--surface-2)}.editable-value:focus-visible{outline:.125rem solid var(--text-muted);outline-offset:.0625rem}.editable-input{font:inherit;color:inherit;background:var(--surface-2);border:.0625rem solid var(--border-strong);field-sizing:content;border-radius:.1875rem;outline:none;min-width:2ch;margin:0 -.1875rem;padding:0 .125rem}.editable-input:focus{border-color:var(--text-muted);background:var(--surface)}.editable-empty{color:var(--text-faint);font-size:.8em;font-style:italic}.copy-btn{font-size:.6875rem;font-family:var(--sans);background:var(--surface-2);color:var(--text-muted);border:.0625rem solid var(--border);cursor:pointer;white-space:nowrap;border-radius:.25rem;flex-shrink:0;align-items:center;padding:.0625rem .4375rem;line-height:1.5;transition:background .1s,color .1s;display:inline-flex}.copy-btn:hover{background:var(--border);color:var(--text)}.copy-btn.copied{color:var(--text);background:var(--border)}.detection-badge{font-size:.625rem;font-family:var(--sans);letter-spacing:.01875rem;background:var(--badge-bg);color:var(--badge-text);text-transform:uppercase;white-space:nowrap;border-radius:.1875rem;align-items:center;padding:.0625rem .375rem;font-weight:500;line-height:1.5;display:inline-flex}.detection-badge[data-type=jwt]{color:#6d28d9;background:#f0e6ff}.detection-badge[data-type=base64]{color:#b45309;background:#fff3e0}.detection-badge[data-type=json]{color:#92400e;background:#fefce8}.detection-badge[data-type=timestamp]{color:#0f766e;background:#e0f2f1}.detection-badge[data-type=uri-encoded]{color:#3730a3;background:#e8eaf6}.detection-badge[data-type=uuid]{color:#1d4ed8;background:#dbeafe}.detection-badge[data-type=email]{color:#15803d;background:#dcfce7}.detection-badge[data-type=semver]{color:#3f6212;background:#ecfccb}.detection-badge[data-type=ipv4]{color:#b91c1c;background:#fee2e2}.detection-badge[data-type=url]{color:#4338ca;background:#e0e7ff}@media (prefers-color-scheme:dark){.detection-badge[data-type=jwt]{color:#c084fc;background:#2e1b4e}.detection-badge[data-type=base64]{color:#fb923c;background:#3d2010}.detection-badge[data-type=json]{color:#fbbf24;background:#3d3000}.detection-badge[data-type=timestamp]{color:#2dd4bf;background:#0c2e2a}.detection-badge[data-type=uri-encoded]{color:#93c5fd;background:#1a2744}.detection-badge[data-type=uuid]{color:#60a5fa;background:#1e3a5f}.detection-badge[data-type=email]{color:#4ade80;background:#0f2d1a}.detection-badge[data-type=semver]{color:#a3e635;background:#1a2e0a}.detection-badge[data-type=ipv4]{color:#f87171;background:#3b1010}.detection-badge[data-type=url]{color:#818cf8;background:#1e1b4b}}.detection-detail{background:var(--surface-2);border:.0625rem solid var(--border);border-radius:.25rem;flex-direction:column;gap:.5rem;width:100%;margin-top:.25rem;padding:.625rem .75rem;display:flex}.detection-section{flex-direction:column;gap:.25rem;display:flex}.detection-section-header{align-items:center;gap:.375rem;display:flex}.detection-label{text-transform:uppercase;letter-spacing:.0375rem;color:var(--text-faint);font-size:.625rem}.detection-pre{font-family:var(--mono);color:var(--text-muted);white-space:pre-wrap;word-break:break-all;margin:0;font-size:.75rem}.detection-value{font-family:var(--mono);color:var(--text-muted);font-size:.75rem}.detection-link{font-family:var(--mono);color:var(--text-muted);word-break:break-all;font-size:.6875rem;text-decoration:underline}.delete-btn{opacity:0;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:.1875rem;flex-shrink:0;padding:.125rem .3rem;font-size:.75rem;line-height:1;transition:opacity .1s,background .1s,color .1s}.path-segment-row:hover .delete-btn,.param-row:hover .delete-btn,.param-main:hover .delete-btn,.param-group-row:hover .delete-btn{opacity:1}.delete-btn:hover{background:var(--surface-2);color:var(--text)}.add-row{align-items:center;gap:.375rem;margin-top:.25rem;display:flex}.add-input{font-family:var(--mono);color:var(--text);background:var(--surface-2);border:.0625rem solid var(--border);field-sizing:content;border-radius:.1875rem;outline:none;min-width:4ch;padding:.1875rem .375rem;font-size:.8125rem;transition:border-color .1s}.add-input:focus{border-color:var(--text-muted);background:var(--surface)}.add-input::placeholder{color:var(--text-faint)}.add-input--segment,.add-input--value{flex:1;min-width:0}.add-btn{border:.0625rem solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:.1875rem;flex-shrink:0;padding:.1875rem .5rem;font-size:.875rem;line-height:1;transition:background .1s,color .1s}.add-btn:hover{background:var(--surface-2);color:var(--text)}.detection-detail--collapsible{background:0 0;border:none;padding:0}.detection-toggle{cursor:pointer;text-align:left;width:100%;color:var(--text-faint);background:0 0;border:none;border-radius:.25rem;align-items:center;gap:.375rem;padding:.3rem .75rem;transition:background .1s;display:flex}.detection-toggle:hover{background:var(--surface-2)}.detection-toggle-icon{flex-shrink:0;font-size:.625rem}.detection-toggle .detection-label{color:var(--text-faint)}.detection-toggle-content{flex-direction:column;gap:.5rem;padding:0 .75rem .5rem;display:flex}.app-footer{color:var(--text-faint);text-align:center;margin-top:3rem;padding:1.5rem 0;font-size:.9375rem}.app-footer a{color:var(--text-muted);text-decoration:none}.app-footer a:hover{color:var(--text)}@media (width<=40rem){main{padding:0 1rem 4rem}.app-header{padding:2rem 0 1.5rem}.origin-row{font-size:.9375rem}}