.configuration-page{max-width:1160px;padding:32px 40px 75px}.config-breadcrumb{display:flex;gap:12px;font-size:11px;color:#8faaca;margin-bottom:35px}.config-breadcrumb a{color:#bed2eb}.configuration-page .studio-title{margin-bottom:28px}.configuration-page .studio-title h1{font-size:34px;font-weight:500;letter-spacing:-1px}.configuration-page .studio-title p:not(.eyebrow){font-size:13px;margin-top:12px}.configuration-page .studio-grid{display:block}.config-progress{display:flex;gap:45px;padding:0 0 22px;margin:0 0 25px;list-style:none;border-bottom:1px solid #35537a;color:#839ab9;font-size:11px}.config-progress li{display:flex;align-items:center;gap:10px}.config-progress li[aria-current]{color:#dceafd}.config-progress span{font:10px monospace;border:1px solid #3b587f;border-radius:5px;padding:5px 7px}.config-progress [aria-current] span{background:#284e7d;color:#d5e8ff;border-color:#5a85bb}.configuration-page .studio-controls{padding:0;border-radius:12px;overflow:hidden}.config-section{padding:30px 34px;border-bottom:1px solid #304d72}.config-section-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}.config-section-title>span{font:11px monospace;color:#87a6cb;padding-top:5px}.config-section-title h2{font-size:17px;font-weight:500;letter-spacing:-.25px}.config-section-title p{font-size:11px;color:#9db4d2;margin:7px 0 0}.config-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px}.configuration-page .studio-controls label{margin:0;font-size:12px}.configuration-page .studio-controls input:not([type=color]),.configuration-page .studio-controls textarea,.configuration-page .studio-controls select{font-size:13px;padding:13px 14px;margin-top:9px}.configuration-page input::placeholder,.configuration-page textarea::placeholder{color:#7d97b9}.configuration-page .studio-controls small{font-size:10px;margin-top:8px}.field-wide{grid-column:1/-1}.logo-settings{display:flex;gap:22px;align-items:center;padding:20px;background:#102846;border:1px solid #304f76;border-radius:8px}.logo-settings>img{width:64px;height:64px;object-fit:contain;flex-shrink:0}.logo-settings>div{min-width:0;flex:1}.logo-settings .text-button{margin-top:10px}.configuration-page .color-field{height:43px;margin-top:9px;border:1px solid #3a5d89;background:#19365c;border-radius:7px;padding:5px 10px}.configuration-page .color-field input{height:29px;width:29px}.configuration-page .color-field output{font:12px monospace}.configuration-page .network-note{display:flex;justify-content:space-between;align-items:center;margin:0;padding:20px;gap:20px}.network-note>div{display:grid;gap:7px}.network-note>div>span{font-size:9px;letter-spacing:1px;color:#9db7d8}.network-note>div>b{font-size:14px}.configuration-page .network-note>.network-state{font-size:10px;letter-spacing:0;border:1px solid #4b6790;border-radius:5px;padding:5px 8px;color:#b7cbe5}.config-save{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 34px;background:#102544}.config-save b{font-size:12px;font-weight:500}.config-save #save-status{font-size:10px;max-width:420px;margin-top:7px;line-height:1.7}.configuration-page .save-actions{display:flex;gap:10px;flex-shrink:0}.configuration-page .save-actions button{padding:12px 17px;font-size:11px}.configuration-page .next-step{display:flex;flex-direction:row;align-items:center;margin-top:24px;padding:25px 0 0;border:0}.configuration-page .next-step p{font-size:11px}.configuration-page .next-step b{font-size:17px;font-weight:500}.configuration-page .next-step #connect-wallet{padding:14px 23px;font-size:12px}
@media(max-width:700px){.configuration-page{padding:25px 20px 50px}.configuration-page .studio-title h1{font-size:28px}.config-section{padding:25px 22px}.config-fields{grid-template-columns:1fr}.config-save{padding:22px;align-items:flex-start;flex-direction:column}.configuration-page .save-actions{width:100%;flex-wrap:wrap}.config-progress{gap:22px}.configuration-page .next-step{align-items:flex-start;flex-direction:column;gap:15px}.logo-settings{padding:15px;gap:15px}.logo-settings>img{width:45px;height:45px}.configuration-page .network-note{align-items:flex-start;flex-direction:column}}

.configuration-page .network-note>label{width:100%;max-width:480px}.configuration-page .network-note select{width:100%}