.widget-header{width:min(1170px,100%);margin:0 auto;padding:28px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.small-brand{font-family:"Guano Apes",cursive;font-size:40px;line-height:1;color:#00d7e9}.widget-header nav{display:flex;gap:22px;font-size:12px;color:#c1d2dd}.widget-header nav a:hover{color:#00d7e9}.widget-builder{width:min(1170px,100%);margin:0 auto;padding:18px 24px 50px}.builder-heading h1,.builder-panel h2{font-family:"Armor Piercing Cyrillic",Arial;font-weight:400;margin:0}.builder-heading h1{font-size:48px;color:#eff7fa}.builder-heading p{max-width:770px;font-size:14px;line-height:1.8;color:#a8bdca;margin:16px 0 28px}.design-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.design-card{font:400 12px "Montserrat",Arial;color:#e8f1f6;text-align:left;padding:18px;border:1px solid #54728466;background:#081923ed;border-radius:12px;cursor:pointer;overflow:hidden}.design-card[aria-pressed=true]{border-color:#00d7e9;box-shadow:0 0 0 2px #00d7e920}.design-card:hover{border-color:#82b7c7}.design-title{font-family:"Armor Piercing Cyrillic",Arial;font-size:23px;color:#d8eaf3}.design-card[aria-pressed=true] .design-title{color:#00d7e9}.design-stage{height:154px;display:flex;align-items:center;justify-content:center;overflow:hidden}.design-stage .faceit-widget{max-width:none;flex:none;transform:scale(.43)}.design-caption{display:block;color:#8eabba;font-size:10px;line-height:1.5}.sample-note{color:#7e9aab;font-size:10px;margin:12px 0 28px}.builder-layout{display:grid;grid-template-columns:minmax(290px,.9fr) minmax(390px,1.2fr);gap:18px}.builder-panel{padding:26px;border:1px solid #54728466;background:#081923ed;border-radius:12px}.builder-panel h2{font-size:29px;margin:0 0 24px}.builder-panel label{font-size:12px;color:#bfced8;display:block;margin:0 0 12px}.builder-panel input{font:400 13px "Montserrat",Arial;width:100%;height:48px;padding:0 14px;border:1px solid #55788b77;border-radius:7px;background:#030d14a8;color:#e4eef5;min-width:0}.builder-panel input:focus{outline:2px solid #00d7e966;outline-offset:2px}.builder-panel input::placeholder{color:#6f8a9b;font-size:11px}.field-note{font-size:11px;color:#8fa8b9;line-height:1.7}.primary-button{font:400 12px "Montserrat",Arial;border:1px solid #65e4eb70;background:#00c9df;color:#04212c;padding:15px 18px;border-radius:6px;cursor:pointer}.primary-button:disabled{opacity:.6;cursor:wait}#generate{width:100%;margin-top:12px}.builder-status{font-size:12px;color:#bed1dc;line-height:1.7;margin:18px 0 0}.builder-status:empty{display:none}.preview-heading{display:flex;justify-content:space-between;align-items:baseline;gap:14px}.preview-heading span{font-size:10px;color:#8ba9bb}.preview-surface{min-height:246px;display:flex;align-items:center;justify-content:center;padding:20px 12px;border-radius:8px;background:repeating-conic-gradient(#12232c 0% 25%,#0c1b25 0% 50%) 50%/24px 24px;overflow:hidden}.preview-surface .faceit-widget{margin:auto}.obs-result,.obs-help{margin-top:18px}.obs-result[hidden]{display:none}.url-row{display:flex;gap:12px}.url-row button{flex:none}.obs-result p,.obs-help p,.obs-help li{font-size:12px;line-height:1.8;color:#a7bfcd}.obs-help ol{padding-left:20px;margin:0}.obs-help li{margin-bottom:8px}.obs-help h2{margin-bottom:18px}.text-link{font-size:12px;color:#00d7e9}.builder-panel a:focus-visible,.primary-button:focus-visible,.design-card:focus-visible{outline:2px solid #00d7e9;outline-offset:4px}@media(max-width:950px){.design-gallery{grid-template-columns:1fr}.design-stage{height:142px}.design-stage .faceit-widget{transform:scale(.62)}.builder-layout{grid-template-columns:1fr}}@media(max-width:600px){.widget-header{padding:22px 18px}.small-brand{font-size:31px}.widget-header nav{font-size:10px;gap:12px}.widget-builder{padding:10px 16px 30px}.builder-heading h1{font-size:36px}.builder-heading p{font-size:12px}.builder-panel{padding:20px 16px}.preview-surface .faceit-widget{gap:9px;padding:14px;min-height:108px}.preview-surface .level-badge{width:44px;height:49px;font-size:28px}.preview-surface .widget-nickname{font-size:16px}.preview-surface .elo-number{font-size:28px}.preview-surface .theme-card .elo-number{font-size:48px}.url-row{flex-direction:column}.preview-heading{flex-direction:column;gap:0;margin-bottom:16px}.preview-heading h2{margin-bottom:8px}}