.tool-page-container{max-width:1000px;margin:0 auto;padding:1rem 0}.tool-layout{grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;display:grid}.tool-controls{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.tool-preview{flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex}.control-group{flex-direction:column;gap:.5rem;display:flex}.control-group label{color:var(--text-muted);font-size:.9rem;font-weight:500}.control-row{gap:1rem;display:flex}.control-row .control-group{flex:1}.styled-input{border-radius:var(--border-radius-md);border:1px solid var(--card-border);width:100%;color:var(--text-main);transition:border-color var(--transition-fast);background:#fff9;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.styled-input:focus{border-color:var(--primary-color);outline:none}.color-picker{border-radius:var(--border-radius-md);cursor:pointer;background:0 0;border:none;width:100%;height:40px;padding:0}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:1px solid var(--card-border);border-radius:var(--border-radius-md)}.styled-slider{width:100%;accent-color:var(--primary-color)}.qr-preview-box{aspect-ratio:1;border:1px dashed var(--card-border);border-radius:var(--border-radius-lg);justify-content:center;align-items:center;width:100%;padding:2rem;transition:background .3s;display:flex;overflow:hidden}.placeholder-text{color:var(--text-muted);font-style:italic}@media (max-width:768px){.tool-layout{grid-template-columns:1fr}}