.widget-settings-grid{align-items:start}.widget-settings-deviceShell{display:flex;justify-content:center}.widget-settings-device{width:var(--widget-preview-width, 390px);height:var(--widget-preview-height, 760px);max-width:100%;border-radius:44px;background:#0b0d0f;padding:14px;box-shadow:0 30px 70px #00000038}.widget-settings-device[data-mode=desktop]{border-radius:0;background:transparent;padding:0;box-shadow:none}.widget-settings-device[data-mode=desktop] .widget-settings-deviceScreen{border-radius:0}.widget-settings-device[data-mode=mobile]{border-radius:0;background:transparent;padding:0;box-shadow:none}.widget-settings-device[data-mode=mobile] .widget-settings-deviceScreen{border-radius:0}.widget-settings-deviceScreen{width:100%;height:100%;border-radius:32px;background:#f6f6f7;overflow:hidden;position:relative}.widget-settings-previewLabel{text-align:center;letter-spacing:.16em;font-size:11px;font-weight:600;color:#6d7175e6;margin-top:10px}.widget-settings-colorInput{display:flex;align-items:center;gap:16px;background:#e1e3e5;border-radius:12px;padding:6px;min-height:52px}.widget-settings-colorSwatch{width:48px;height:48px;border-radius:12px;border:1px solid rgba(0,0,0,.06);box-shadow:inset 0 0 0 1px #ffffff8c,0 10px 20px #0000001f;position:relative;flex:0 0 auto}.widget-settings-colorPicker{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;border:none;padding:0;cursor:pointer}.widget-settings-colorHex{border:none;background:transparent;width:100%;font-size:20px;font-weight:700;text-align:center;color:#111213;outline:none}.widget-settings-colorHex::placeholder{color:#11121373}.widget-settings-colorInput:focus-within{box-shadow:0 0 0 2px #00806059}.widget-settings-previewTopRow{display:flex;justify-content:flex-end}.widget-settings-wrap{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.widget-settings-progress{--p-color-bg-fill-info: #00806047}