:root{font-family:Manrope,Arial,sans-serif;color:#EDF2F8;background:#0A1018;--gold:#F2BA68;--panel:#14202D;--line:#2A3A49}
*,*::before,*::after{box-sizing:border-box}
html{height:auto!important;min-height:100%;overflow-x:hidden;overflow-y:auto!important;scroll-behavior:smooth}
body.widgets-builder-page{margin:0;height:auto!important;min-height:100vh;overflow-x:hidden;overflow-y:visible!important;background:radial-gradient(ellipse at 80% 4%,rgba(32,66,83,.33),transparent 35%),#0A1018;color:#EDF2F8;position:static}
.shell{max-width:1350px;margin:0 auto;padding:0 24px}
a{color:#F2BD70}.topbar{border-bottom:1px solid #263340;background:#0C151F}
.topbar-content{min-height:70px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.brand{font-weight:900;color:#F4F7FA;font-size:21px;text-decoration:none}.brand span{color:var(--gold)}.brand small{font-size:9px;letter-spacing:.14em;color:#9AAEC2}
.topbar nav{display:flex;gap:10px;flex-wrap:wrap}.topbar nav a{font-size:12px;color:#B5C3D3;text-decoration:none;border:1px solid #2B3D4F;border-radius:9px;padding:9px 12px}
.hero{padding:36px 0 27px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:800;color:var(--gold);text-transform:uppercase}.hero h1{font-size:clamp(30px,4.5vw,56px);line-height:1.05;letter-spacing:-.04em;margin:13px 0 15px;font-weight:900}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{max-width:860px;color:#A9C0D6;line-height:1.7;margin:0;font-size:14px}.pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.pills span{background:#162839;border:1px solid #294253;border-radius:999px;padding:7px 12px;font-size:11px;color:#D7E5F1}
.status{margin-bottom:19px;padding:12px 15px;border:1px solid #455664;border-radius:10px;background:#17232F;color:#E0C78A;font-size:12px}.status.success{border-color:#377958;color:#AAF0C5}.status.error{border-color:#934C4C;color:#FFC5C5}
.builder{display:grid;grid-template-columns:minmax(0,575px) minmax(0,1fr);align-items:start;gap:20px;padding-bottom:30px}.form-column{display:grid;gap:17px;min-width:0}.preview-column{min-width:0}
.panel{background:linear-gradient(135deg,rgba(25,39,52,.98),rgba(17,28,40,.99));border:1px solid var(--line);border-radius:16px;padding:20px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.section-heading h2{font-size:18px;margin:6px 0 0}
label{display:block;font-size:12px;color:#C4D5E4;font-weight:700}label input:not([type=checkbox]),label select{margin-top:7px}
input:not([type=checkbox]):not([type=range]),select,textarea{font:inherit;font-size:12px;color:#F4F7FB;background:#0B1722;border:1px solid #395063;border-radius:9px;padding:10px 11px;width:100%;outline:none;min-width:0}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(240,183,101,.13)}input[type=color]{height:43px!important;padding:4px!important;cursor:pointer}input[type=range]{width:100%;accent-color:#F2BB70;cursor:pointer}input[type=checkbox]{accent-color:#F2BB70;width:16px;height:16px;flex:none;margin:0}
input[type=number]{appearance:textfield}select{cursor:pointer}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:13px}.color-grid label{font-size:11px}.input-row{display:flex;gap:7px;margin-top:7px}.input-row input{flex:1}.input-row button{white-space:nowrap}
.form-column section.panel>label{margin:12px 0 7px}.form-column form>label{margin-bottom:7px}
.btn{font:800 12px Manrope,Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;border:1px solid #395469;border-radius:9px;padding:10px 14px;min-height:40px;transition:filter .15s}.primary{background:#EFBB70;color:#131C28;border-color:#EFBB70}.secondary{background:#20364A;color:#EDF4FC}.btn:hover{filter:brightness(1.12)}.btn:disabled,.is-disabled{opacity:.42;pointer-events:none}
.hint{font-size:11px;color:#94AAC0;line-height:1.65;margin:12px 0 0}.search-results{display:flex;flex-direction:column;gap:5px;max-height:185px;overflow:auto;margin:10px 0}.search-results[hidden]{display:none}.search-hit{display:flex;justify-content:space-between;align-items:center;background:#142B3B;border:1px solid #34495E;color:#FFF;border-radius:8px;padding:10px;cursor:pointer}.search-hit small{color:#9BB0C5}
.inline-check{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.inline-check label{display:flex;gap:7px;align-items:center;cursor:pointer}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.control-row{display:flex;justify-content:space-between;align-items:center;margin:17px 0 8px;color:#C6D6E4;font-size:12px}.control-row strong{color:#F6C27A}
.slider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:15px}.slider-grid label{position:relative;padding-bottom:18px}.slider-grid label>input{margin-top:11px}.slider-grid output{position:absolute;bottom:0;right:0;color:#F1BE76;font-size:11px}
.advanced{border-top:1px solid #345062;margin-top:17px;padding-top:12px}.advanced summary{color:#EAB879;font-size:12px;cursor:pointer;font-weight:750}
.stats-editor{display:grid;gap:10px;margin:16px 0}.stat-edit{border:1px solid #375065;border-radius:11px;padding:11px;background:#102032;min-width:0}.stat-edit-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.stat-edit-top label{display:flex;align-items:center;gap:8px;min-width:0;cursor:pointer}.stat-edit-title{font-size:12px;color:#F0F4FB}.stat-edit-actions{display:flex;gap:5px}.move-btn{font-size:14px;font-weight:900;color:#EDD1A5;background:#21364A;border:1px solid #385063;border-radius:7px;width:30px;height:30px;cursor:pointer}.move-btn:disabled{opacity:.28;cursor:default}.stat-edit-body{display:grid;grid-template-columns:minmax(0,1fr) 72px 72px;gap:9px;margin-top:10px}.stat-edit-body label{font-size:10px}.stat-edit-body input{height:39px!important}.stat-edit-body input[type=color]{height:39px!important}
.preview-panel{position:sticky;top:14px}.version{font:900 14px Orbitron,Arial,sans-serif;color:#F2B86D;border:1px solid #A27A44;border-radius:8px;padding:7px}.preview-toolbar{display:flex;justify-content:space-between;color:#C6D5E6;font-size:11px;gap:9px;margin-bottom:10px;flex-wrap:wrap}
.preview-surface{border:1px solid #38566C;border-radius:12px;background-color:#172936;background-image:linear-gradient(45deg,#15242F 25%,transparent 25%),linear-gradient(-45deg,#15242F 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#15242F 75%),linear-gradient(-45deg,transparent 75%,#15242F 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;padding:12px;min-height:170px;overflow:hidden;position:relative}
#preview-stage{position:relative;margin:0 auto;overflow:visible;transform-origin:top left}#widget-preview{transform-origin:top left}
.url-block{margin-top:20px}.url-block>label{margin-bottom:8px}.url-block textarea{word-break:break-all;resize:vertical;min-height:95px;color:#CEE2FA}.action-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.how-to{margin-top:20px;padding-top:10px;border-top:1px solid #364757}.how-to h3{font-size:15px;margin:10px 0}.how-to p{font-size:12px;color:#B7C8D8;line-height:1.72}.footer{padding:16px 24px 38px;font-size:11px;color:#8CA3B6}
@media(max-width:1100px){.builder{grid-template-columns:minmax(0,1fr)}.preview-panel{position:static}}
@media(max-width:620px){.shell{padding:0 13px}.topbar-content{padding:12px 0}.hero{padding-top:26px}.panel{padding:14px}.form-grid{gap:10px}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.input-row{flex-wrap:wrap}.input-row input{min-width:100%}.input-row button{width:100%}.stat-edit-body{grid-template-columns:minmax(0,1fr) 58px 58px;gap:5px}.preview-surface{padding:8px}}
@media(max-width:390px){.form-grid,.slider-grid{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.stat-edit-sizes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}.stat-edit-sizes label{font-size:10px}.stat-edit-sizes input{max-width:100%;height:34px;margin-top:5px!important}