.url-tool-container{padding:var(--space-5);min-height:calc(100vh - 100px);display:flex;justify-content:center;background-color:var(--bg-secondary)}.url-tool-wrapper{width:100%;max-width:900px;background:var(--card-bg);border-radius:var(--space-3);padding:30px;box-shadow:0 4px var(--space-5) #00000014}.url-tool-header{margin-bottom:30px;text-align:center}.url-tool-header h1{font-size:var(--space-6);color:var(--text-primary);margin-bottom:10px}.url-tool-header p{color:var(--text-secondary);font-size:var(--text-sm)}.section-label{font-weight:600;margin-bottom:10px;color:var(--text-primary);display:flex;align-items:center}.section-label.sub{margin-top:var(--space-5);font-size:15px}.url-textarea{width:100%;height:150px;padding:15px;border:1px solid var(--border-color);border-radius:var(--space-2);background-color:var(--input-bg);color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--text-sm);line-height:1.6;resize:vertical;transition:border-color .2s}.url-textarea:focus{outline:none;border-color:var(--accent-color)}.url-textarea.output{background-color:var(--bg-secondary);height:120px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:var(--space-5) 0}.tool-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);transition:all .2s}.tool-btn:hover{background:var(--bg-secondary);border-color:var(--accent-color)}.tool-btn.primary{background:var(--accent-color);color:#fff;border:none}.tool-btn.primary:hover{opacity:.9}.tool-btn.accent{background:#4a90e2;color:#fff;border:none}.tool-btn.danger{color:#ff4d4f;border-color:#ff4d4f}.tool-btn.danger:hover{background:#fff1f0}.url-tool-main .input-section{display:flex;flex-direction:column;margin-bottom:20px}.status-banner{padding:10px 15px;border-radius:var(--radius-sm);margin-bottom:var(--space-5);font-size:var(--text-sm)}.status-banner.info{background-color:#e6f7ff;color:#0050b3;border:1px solid #91d5ff}.status-banner.success{background-color:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.status-banner.error{background-color:var(--color-danger-50);color:#cf1322;border:1px solid #ffa39e}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;margin-top:var(--space-5)}.copy-btn{padding:4px var(--space-3);font-size:var(--space-3);background:#52c41a;color:#fff;border:none;border-radius:4px;cursor:pointer}.parsed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;background:var(--bg-secondary);padding:var(--space-5);border-radius:var(--space-2);margin-top:10px}.parsed-item{display:flex;flex-direction:column;gap:5px}.item-key{font-size:var(--space-3);color:var(--text-secondary);font-weight:600}.item-value{font-family:monospace;font-size:var(--text-sm);color:var(--text-primary);word-break:break-all}.params-table{width:100%;border-collapse:collapse;margin-top:10px;background:var(--bg-secondary);border-radius:var(--space-2);overflow:hidden}.params-table th,.params-table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--border-color)}.params-table th{background:#00000005;font-size:var(--text-sm);color:var(--text-secondary)}.params-table td{font-size:var(--text-sm)}.params-table code{background:#0000000d;padding:2px 5px;border-radius:3px;word-break:break-all}.url-tool-footer{margin-top:40px;padding-top:var(--space-5);border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}@media (max-width: 600px){.url-tool-wrapper{padding:15px}.toolbar{justify-content:center}.tool-btn{flex:1 1 40%}}