.container.svelte-xwj0tg.svelte-xwj0tg{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh}.page-header.svelte-xwj0tg.svelte-xwj0tg{text-align:center;margin-bottom:3rem}.page-title.svelte-xwj0tg.svelte-xwj0tg{font-size:2.5rem;font-weight:700;color:#f1f5f9;margin-bottom:1rem;background:linear-gradient(90deg,#60a5fa,#a78bfa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-description.svelte-xwj0tg.svelte-xwj0tg{font-size:1.125rem;color:#cbd5e1;max-width:600px;margin:0 auto;line-height:1.6}.tool-content.svelte-xwj0tg.svelte-xwj0tg{display:flex;flex-direction:column;gap:2rem}.input-section.svelte-xwj0tg.svelte-xwj0tg,.results-section.svelte-xwj0tg.svelte-xwj0tg{background:rgba(30,41,59,.5);border-radius:1rem;padding:2rem;border:1px solid #334155}.section-title.svelte-xwj0tg.svelte-xwj0tg{font-size:1.5rem;font-weight:700;color:#f1f5f9;margin-bottom:1.5rem}.url-input-group.svelte-xwj0tg.svelte-xwj0tg{margin-bottom:1rem}.input-wrapper.svelte-xwj0tg.svelte-xwj0tg{display:flex;gap:.5rem}.url-input.svelte-xwj0tg.svelte-xwj0tg{flex:1;padding:1rem;background:#1e293b;border:1px solid #475569;border-radius:.5rem;color:#f1f5f9;font-size:1rem;font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;transition:border-color .2s ease}.url-input.svelte-xwj0tg.svelte-xwj0tg:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.clear-input-button.svelte-xwj0tg.svelte-xwj0tg{padding:1rem;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:transform .2s ease;font-size:1rem;min-width:3rem}.clear-input-button.svelte-xwj0tg.svelte-xwj0tg:hover{transform:scale(1.05)}.error-message.svelte-xwj0tg.svelte-xwj0tg{display:flex;align-items:center;gap:.5rem;color:#f87171;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:.5rem;padding:1rem;margin-bottom:1rem;font-size:.95rem}.error-icon.svelte-xwj0tg.svelte-xwj0tg{font-size:1.2rem}.examples-section.svelte-xwj0tg.svelte-xwj0tg{background:rgba(15,23,42,.5);border:1px solid #475569;border-radius:.5rem;padding:1.5rem;margin-top:1rem}.examples-title.svelte-xwj0tg.svelte-xwj0tg{color:#f1f5f9;font-size:1rem;font-weight:600;margin-bottom:1rem}.examples-grid.svelte-xwj0tg.svelte-xwj0tg{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.example-item.svelte-xwj0tg.svelte-xwj0tg{background:rgba(30,41,59,.5);border:1px solid #475569;border-radius:.5rem;padding:1rem;transition:all .2s ease}.example-item.svelte-xwj0tg.svelte-xwj0tg:hover{border-color:#60a5fa;background:rgba(30,41,59,.8)}.example-header.svelte-xwj0tg.svelte-xwj0tg{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.example-name.svelte-xwj0tg.svelte-xwj0tg{color:#f1f5f9;font-weight:600;font-size:.9rem}.load-example-button.svelte-xwj0tg.svelte-xwj0tg{padding:.25rem .75rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:.25rem;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:transform .2s ease}.load-example-button.svelte-xwj0tg.svelte-xwj0tg:hover{transform:scale(1.05)}.example-url.svelte-xwj0tg.svelte-xwj0tg{font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;color:#cbd5e1;background:rgba(15,23,42,.8);padding:.5rem;border-radius:.25rem;display:block;word-break:break-all;line-height:1.4}.url-overview.svelte-xwj0tg.svelte-xwj0tg{background:rgba(15,23,42,.5);border:1px solid #475569;border-radius:.5rem;padding:1.5rem;margin-bottom:2rem}.overview-header.svelte-xwj0tg.svelte-xwj0tg{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.overview-title.svelte-xwj0tg.svelte-xwj0tg{color:#f1f5f9;font-size:1.125rem;font-weight:600;margin:0}.copy-all-button.svelte-xwj0tg.svelte-xwj0tg{padding:.75rem 1rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-size:.85rem}.copy-all-button.svelte-xwj0tg.svelte-xwj0tg:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.original-url.svelte-xwj0tg.svelte-xwj0tg{display:flex;flex-direction:column;gap:.5rem}.component-label.svelte-xwj0tg.svelte-xwj0tg{color:#94a3b8;font-size:.9rem;font-weight:500}.component-value.svelte-xwj0tg.svelte-xwj0tg{font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;background:rgba(30,41,59,.8);padding:.75rem;border-radius:.25rem;border:1px solid #475569;display:block;word-break:break-all;line-height:1.4;color:#cbd5e1}.component-value.original.svelte-xwj0tg.svelte-xwj0tg{color:#60a5fa;font-weight:600}.components-grid.svelte-xwj0tg.svelte-xwj0tg{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.component-card.svelte-xwj0tg.svelte-xwj0tg{background:rgba(15,23,42,.5);border:1px solid #475569;border-radius:.5rem;padding:1.5rem;transition:all .2s ease}.component-card.svelte-xwj0tg.svelte-xwj0tg:hover{border-color:#60a5fa;background:rgba(15,23,42,.8)}.component-header.svelte-xwj0tg.svelte-xwj0tg{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.component-title.svelte-xwj0tg.svelte-xwj0tg{color:#f1f5f9;font-size:1rem;font-weight:600;margin:0}.copy-component-button.svelte-xwj0tg.svelte-xwj0tg{padding:.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.25rem;color:#fff;cursor:pointer;transition:transform .2s ease;font-size:.8rem;min-width:2rem}.copy-component-button.svelte-xwj0tg.svelte-xwj0tg:hover{transform:scale(1.1)}.component-content.svelte-xwj0tg.svelte-xwj0tg{display:flex;flex-direction:column;gap:.75rem}.component-description.svelte-xwj0tg.svelte-xwj0tg{color:#94a3b8;font-size:.85rem;margin:0;font-style:italic}.domain-breakdown.svelte-xwj0tg.svelte-xwj0tg,.path-segments.svelte-xwj0tg.svelte-xwj0tg,.query-params.svelte-xwj0tg.svelte-xwj0tg{background:rgba(30,41,59,.5);border:1px solid #475569;border-radius:.25rem;padding:1rem}.domain-part.svelte-xwj0tg.svelte-xwj0tg,.segment-item.svelte-xwj0tg.svelte-xwj0tg,.param-item.svelte-xwj0tg.svelte-xwj0tg{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.domain-part.svelte-xwj0tg.svelte-xwj0tg:last-child,.segment-item.svelte-xwj0tg.svelte-xwj0tg:last-child,.param-item.svelte-xwj0tg.svelte-xwj0tg:last-child{margin-bottom:0}.domain-label.svelte-xwj0tg.svelte-xwj0tg{color:#94a3b8;font-size:.8rem;font-weight:500;min-width:80px}.domain-value.svelte-xwj0tg.svelte-xwj0tg,.segment-value.svelte-xwj0tg.svelte-xwj0tg,.param-key.svelte-xwj0tg.svelte-xwj0tg,.param-value.svelte-xwj0tg.svelte-xwj0tg{font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;color:#cbd5e1;background:rgba(15,23,42,.8);padding:.25rem .5rem;border-radius:.25rem}.segment-index.svelte-xwj0tg.svelte-xwj0tg{color:#94a3b8;font-size:.8rem;min-width:20px}.param-separator.svelte-xwj0tg.svelte-xwj0tg{color:#94a3b8;font-weight:700}.param-key.svelte-xwj0tg.svelte-xwj0tg{color:#10b981}.param-value.svelte-xwj0tg.svelte-xwj0tg{color:#60a5fa}.segments-title.svelte-xwj0tg.svelte-xwj0tg,.params-title.svelte-xwj0tg.svelte-xwj0tg{color:#f1f5f9;font-size:.85rem;font-weight:600;margin:0 0 .75rem}.auth-card.svelte-xwj0tg.svelte-xwj0tg{border-left:4px solid #f59e0b}.auth-item.svelte-xwj0tg.svelte-xwj0tg{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.auth-label.svelte-xwj0tg.svelte-xwj0tg{color:#94a3b8;font-size:.8rem;font-weight:500;min-width:80px}.auth-value.svelte-xwj0tg.svelte-xwj0tg{font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;color:#f59e0b;background:rgba(245,158,11,.1);padding:.25rem .5rem;border-radius:.25rem}.auth-warning.svelte-xwj0tg.svelte-xwj0tg{color:#f59e0b;font-size:.8rem;margin:.5rem 0 0;font-style:italic}.reference-section.svelte-xwj0tg.svelte-xwj0tg{background:rgba(15,23,42,.5);border:1px solid #475569;border-radius:.5rem;padding:1.5rem}.reference-title.svelte-xwj0tg.svelte-xwj0tg{font-size:1.125rem;font-weight:600;color:#f1f5f9;margin-bottom:1.5rem}.url-anatomy.svelte-xwj0tg.svelte-xwj0tg{margin-bottom:2rem}.anatomy-title.svelte-xwj0tg.svelte-xwj0tg{color:#f1f5f9;font-size:1rem;font-weight:600;margin-bottom:1rem}.anatomy-example.svelte-xwj0tg.svelte-xwj0tg{background:rgba(30,41,59,.5);border:1px solid #475569;border-radius:.5rem;padding:1rem;margin-bottom:1rem}.anatomy-url.svelte-xwj0tg.svelte-xwj0tg{font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;display:block;word-break:break-all;line-height:1.6}.part.protocol.svelte-xwj0tg.svelte-xwj0tg{color:#10b981}.part.auth.svelte-xwj0tg.svelte-xwj0tg{color:#f59e0b}.part.subdomain.svelte-xwj0tg.svelte-xwj0tg{color:#8b5cf6}.part.domain.svelte-xwj0tg.svelte-xwj0tg{color:#60a5fa}.part.port.svelte-xwj0tg.svelte-xwj0tg{color:#ef4444}.part.path.svelte-xwj0tg.svelte-xwj0tg{color:#06b6d4}.part.query.svelte-xwj0tg.svelte-xwj0tg{color:#84cc16}.part.fragment.svelte-xwj0tg.svelte-xwj0tg{color:#f97316}.anatomy-legend.svelte-xwj0tg.svelte-xwj0tg{display:flex;flex-wrap:wrap;gap:1rem}.legend-item.svelte-xwj0tg.svelte-xwj0tg{display:flex;align-items:center;gap:.5rem}.legend-color.svelte-xwj0tg.svelte-xwj0tg{width:12px;height:12px;border-radius:2px}.legend-color.protocol.svelte-xwj0tg.svelte-xwj0tg{background-color:#10b981}.legend-color.auth.svelte-xwj0tg.svelte-xwj0tg{background-color:#f59e0b}.legend-color.subdomain.svelte-xwj0tg.svelte-xwj0tg{background-color:#8b5cf6}.legend-color.domain.svelte-xwj0tg.svelte-xwj0tg{background-color:#60a5fa}.legend-color.port.svelte-xwj0tg.svelte-xwj0tg{background-color:#ef4444}.legend-color.path.svelte-xwj0tg.svelte-xwj0tg{background-color:#06b6d4}.legend-color.query.svelte-xwj0tg.svelte-xwj0tg{background-color:#84cc16}.legend-color.fragment.svelte-xwj0tg.svelte-xwj0tg{background-color:#f97316}.legend-label.svelte-xwj0tg.svelte-xwj0tg{color:#cbd5e1;font-size:.8rem;font-weight:500}.reference-info.svelte-xwj0tg.svelte-xwj0tg{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item.svelte-xwj0tg.svelte-xwj0tg{background:rgba(30,41,59,.5);border:1px solid #475569;border-radius:.5rem;padding:1rem}.info-item.svelte-xwj0tg h4.svelte-xwj0tg{color:#60a5fa;font-size:.9rem;font-weight:600;margin:0 0 .5rem}.info-item.svelte-xwj0tg p.svelte-xwj0tg{color:#cbd5e1;font-size:.8rem;line-height:1.5;margin:0}@media (max-width: 768px){.container.svelte-xwj0tg.svelte-xwj0tg{padding:1rem}.page-title.svelte-xwj0tg.svelte-xwj0tg{font-size:2rem}.input-section.svelte-xwj0tg.svelte-xwj0tg,.results-section.svelte-xwj0tg.svelte-xwj0tg{padding:1.5rem}.input-wrapper.svelte-xwj0tg.svelte-xwj0tg{flex-direction:column}.examples-grid.svelte-xwj0tg.svelte-xwj0tg{grid-template-columns:1fr}.example-header.svelte-xwj0tg.svelte-xwj0tg{flex-direction:column;align-items:stretch;gap:.5rem}.overview-header.svelte-xwj0tg.svelte-xwj0tg{flex-direction:column;align-items:stretch;gap:1rem}.components-grid.svelte-xwj0tg.svelte-xwj0tg{grid-template-columns:1fr}.anatomy-legend.svelte-xwj0tg.svelte-xwj0tg{grid-template-columns:repeat(2,1fr)}.reference-info.svelte-xwj0tg.svelte-xwj0tg{grid-template-columns:1fr}}