.tool-container{max-width:900px;margin:0 auto;padding:4rem 1.5rem}.tool-header{text-align:center;margin-bottom:3rem}.tool-header h1{background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem}.tool-header p{color:var(--text-secondary);font-size:1.1rem}.builder-layout{grid-template-columns:1fr 350px;align-items:start;gap:2rem;display:grid}.form-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem}.presets-row{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.preset-btn{border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.preset-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.form-grid{flex-direction:column;gap:1.25rem;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{font-size:.95rem;font-weight:600}.input-group label span{color:#ef4444;margin-left:.25rem}.input-group .helper-text{color:var(--text-secondary);font-size:.85rem}.input-base{width:100%}.result-panel{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;position:sticky;top:100px}.result-title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.generated-url{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);word-break:break-all;min-height:100px;color:var(--text-primary);padding:1rem;font-family:monospace;font-size:.9rem}.generated-url.empty{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.actions-row{flex-direction:column;gap:1rem;display:flex}.actions-row button{width:100%}@media (max-width:900px){.builder-layout{grid-template-columns:1fr}.result-panel{order:-1;position:static}}