.visualizer__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.visualizer-panel,.visualizer-generation,.visualizer-result{padding:24px;border:1px solid #ddd;border-radius:16px;background:#f7f7f5}.visualizer-fields{display:grid;gap:14px}.visualizer-field{display:grid;gap:6px}.visualizer-input,.visualizer-select,.visualizer-textarea{width:100%;padding:11px;border:1px solid #ccc;border-radius:9px;background:#fff}.visualizer-upload{min-height:320px;display:grid;place-items:center;border:1px dashed #aaa;border-radius:12px;background:#fff;overflow:hidden}.visualizer-upload__label{display:grid;place-items:center;gap:8px;padding:40px;text-align:center;cursor:pointer}.visualizer-preview{width:100%;padding:16px}.visualizer-preview img,.visualizer-result__image{width:100%;display:block;border-radius:10px}.visualizer-generation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.visualizer-button{min-height:44px;padding:0 17px;border:1px solid #111;border-radius:999px;background:#fff;cursor:pointer}.visualizer-button--primary{background:#111;color:#fff}.visualizer-button:disabled{opacity:.5;cursor:not-allowed}.visualizer-result{margin-top:20px}.visualizer-result__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.visualizer__message{padding:12px;border:1px solid #ddd;border-radius:9px;margin-bottom:16px}.visualizer-spinner{display:inline-block;width:15px;height:15px;border:2px solid #777;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.visualizer__grid{grid-template-columns:1fr}.visualizer-generation{align-items:stretch;flex-direction:column}}