main{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 24px}.container{width:100%;max-width:600px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:20px}.title{color:#fff;font-size:20px;font-weight:600}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-size:13px;font-weight:500;color:var(--muted)}.row{display:flex;gap:16px;align-items:center}.row>*{flex:1}select,input[type=number]{background:var(--bg3);border:1px solid var(--border);color:#fff;padding:10px 12px;border-radius:var(--r);outline:none;font-family:Inter,sans-serif;font-size:14px}select:focus,input[type=number]:focus{border-color:var(--accent)}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;color:#fff}.checkbox-label input{width:16px;height:16px;accent-color:var(--accent)}textarea{width:100%;height:200px;background:var(--bg3);border:1px solid var(--border);color:#fff;padding:12px;border-radius:var(--r);outline:none;font-family:JetBrains Mono,monospace;font-size:13px;resize:vertical}@media(max-width:768px){main{padding:20px 12px}.container{padding:16px;gap:16px}.options-row{flex-direction:column;align-items:stretch;gap:12px}.option-group{width:100%}.result-pane{padding:12px}textarea{font-size:12px;padding:10px}}